#AFA92C Color

#AFA92C is rgb(175, 169, 44) in RGB and hsl(57, 60%, 43%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AFA92C

HEX#AFA92C

RGBrgb(175, 169, 44)

HSLhsl(57, 60%, 43%)

HSVhsv(57, 75%, 69%)

OKLCHoklch(71.8% 0.139 106.6)

CMYKcmyk(0%, 3%, 75%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AFA92C Complementary#2C32AF Analogous#AF672C Analogous#74AF2C Triadic#2CAFA9 Triadic#A92CAF

Tints & Shades

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

Tints

#CDC637 #D5CF58 #DDD878 #E4E195 #EDEAB6 #F5F3D6

Shades

#979126 #837E21 #6A661B #565215 #3D3B0F #29270A

Use #AFA92C in Our Tools

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