#AFA841 Color

#AFA841 is rgb(175, 168, 65) in RGB and hsl(56, 46%, 47%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#AFA841

HEX#AFA841

RGBrgb(175, 168, 65)

HSLhsl(56, 46%, 47%)

HSVhsv(56, 63%, 69%)

OKLCHoklch(71.8% 0.124 105.4)

CMYKcmyk(0%, 4%, 63%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AFA841 Complementary#4148AF Analogous#AF7041 Analogous#7FAF41 Triadic#41AFA8 Triadic#A841AF

Tints & Shades

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

Tints

#C0B854 #CBC572 #D4CF8C #DEDAA6 #E8E5C0 #F3F1DD

Shades

#999238 #827D30 #6C6728 #524E1E #3C3916 #25240E

Use #AFA841 in Our Tools

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