#AFAD3C Color

#AFAD3C is rgb(175, 173, 60) in RGB and hsl(59, 49%, 46%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AFAD3C

HEX#AFAD3C

RGBrgb(175, 173, 60)

HSLhsl(59, 49%, 46%)

HSVhsv(59, 66%, 69%)

OKLCHoklch(72.8% 0.133 108.3)

CMYKcmyk(0%, 1%, 66%, 31%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AFAD3C background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.37:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.87:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AFAD3C based on color wheel relationships. Click any swatch for its full breakdown.

Base#AFAD3C Complementary#3C3EAF Analogous#AF733C Analogous#77AF3C Triadic#3CAFAD Triadic#AD3CAF

Tints & Shades

Lighter tints and darker shades of #AFAD3C, useful for hover states, backgrounds, and text variants.

Tints

#C2C04C #CCCB6B #D5D485 #E0DFA4 #E9E8BE #F3F3DD

Shades

#989634 #81802C #6A6924 #54531D #3D3C15 #26260D

Use #AFAD3C in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex