#ABB974 Color

#ABB974 is rgb(171, 185, 116) in RGB and hsl(72, 33%, 59%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#ABB974

HEX#ABB974

RGBrgb(171, 185, 116)

HSLhsl(72, 33%, 59%)

HSVhsv(72, 37%, 73%)

OKLCHoklch(75.8% 0.093 118)

CMYKcmyk(8%, 0%, 37%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ABB974 Complementary#8274B9 Analogous#B9A474 Analogous#89B974 Triadic#74ABB9 Triadic#B974AB

Tints & Shades

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

Tints

#B7C388 #C2CC99 #CED6AE #D8DFBF #E4E9D3 #EFF1E4

Shades

#9BAB59 #839249 #6B773C #565F30 #3D4422 #252915

Use #ABB974 in Our Tools

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