#AFA19D Color

#AFA19D is rgb(175, 161, 157) in RGB and hsl(13, 10%, 65%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#AFA19D

HEX#AFA19D

RGBrgb(175, 161, 157)

HSLhsl(13, 10%, 65%)

HSVhsv(13, 10%, 69%)

OKLCHoklch(72% 0.017 36.5)

CMYKcmyk(0%, 8%, 10%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AFA19D Complementary#9DABAF Analogous#AF9DA2 Analogous#AFAA9D Triadic#9DAFA1 Triadic#A19DAF

Tints & Shades

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

Tints

#BAAEAB #C3B9B6 #CFC6C4 #DAD4D2 #E6E1E0 #EFECEB

Shades

#9A8884 #87736E #6D5E5A #544845 #3B3330 #241F1E

Use #AFA19D in Our Tools

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