#ABB57D Color

#ABB57D is rgb(171, 181, 125) in RGB and hsl(71, 27%, 60%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#ABB57D

HEX#ABB57D

RGBrgb(171, 181, 125)

HSLhsl(71, 27%, 60%)

HSVhsv(71, 31%, 71%)

OKLCHoklch(75.1% 0.077 116.5)

CMYKcmyk(6%, 0%, 31%, 29%)

Text Contrast & Accessibility

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

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

TextBlack text9.64:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#ABB57D Complementary#887DB5 Analogous#B5A37D Analogous#8FB57D Triadic#7DAAB5 Triadic#B57DAA

Tints & Shades

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

Tints

#B5BE8E #C2C9A1 #CCD2B1 #D9DDC5 #E4E7D5 #F0F2E8

Shades

#9AA664 #838E52 #6B7543 #545B34 #3C4125 #242716

Use #ABB57D in Our Tools

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