#ABA692 Color

#ABA692 is rgb(171, 166, 146) in RGB and hsl(48, 13%, 62%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#ABA692

HEX#ABA692

RGBrgb(171, 166, 146)

HSLhsl(48, 13%, 62%)

HSVhsv(48, 15%, 67%)

OKLCHoklch(72.4% 0.029 95.5)

CMYKcmyk(0%, 3%, 15%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ABA692 Complementary#9297AB Analogous#AB9992 Analogous#A3AB92 Triadic#92ABA6 Triadic#A692AB

Tints & Shades

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

Tints

#B6B1A0 #C1BDAE #CCC9BD #D9D7CE #E4E3DC #EFEFEB

Shades

#99937A #827C64 #6B6652 #545040 #3D3A2F #23211B

Use #ABA692 in Our Tools

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