#ACAB86 Color

#ACAB86 is rgb(172, 171, 134) in RGB and hsl(58, 19%, 60%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#ACAB86

HEX#ACAB86

RGBrgb(172, 171, 134)

HSLhsl(58, 19%, 60%)

HSVhsv(58, 22%, 67%)

OKLCHoklch(73.2% 0.051 106.3)

CMYKcmyk(0%, 1%, 22%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ACAB86 Complementary#8687AC Analogous#AC9886 Analogous#9AAC86 Triadic#86ACAB Triadic#AB86AC

Tints & Shades

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

Tints

#B7B695 #C3C2A7 #CDCDB6 #DAD9C8 #E4E4D8 #F1F0EA

Shades

#9C9A6D #86845B #6D6C4A #55543A #3D3C29 #242419

Use #ACAB86 in Our Tools

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