#97AF60 Color

#97AF60 is rgb(151, 175, 96) in RGB and hsl(78, 33%, 53%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#97AF60

HEX#97AF60

RGBrgb(151, 175, 96)

HSLhsl(78, 33%, 53%)

HSVhsv(78, 45%, 69%)

OKLCHoklch(71.7% 0.108 123)

CMYKcmyk(14%, 0%, 45%, 31%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #97AF60 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.62:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#97AF60 Complementary#7760AF Analogous#AF9F60 Analogous#6FAF60 Triadic#6097AF Triadic#AF6097

Tints & Shades

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

Tints

#A4B974 #B4C58C #C1CFA0 #D1DBB8 #DEE5CC #EDF1E4

Shades

#859C4F #718443 #5C6D37 #48552B #343D1F #202513

Use #97AF60 in Our Tools

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