#97A375 Color

#97A375 is rgb(151, 163, 117) in RGB and hsl(76, 20%, 55%) in HSL. The closest CSS named color is DarkSeaGreen. Black text is most readable on this background.

#97A375

HEX#97A375

RGBrgb(151, 163, 117)

HSLhsl(76, 20%, 55%)

HSVhsv(76, 28%, 64%)

OKLCHoklch(69.4% 0.065 120)

CMYKcmyk(7%, 0%, 28%, 36%)

Text Contrast & Accessibility

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

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

TextBlack text7.81:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#97A375 Complementary#8275A3 Analogous#A39875 Analogous#80A375 Triadic#7597A3 Triadic#A37597

Tints & Shades

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

Tints

#A5AF88 #B3BC9A #C1C8AC #D1D6C2 #DFE2D4 #EDEFE7

Shades

#869362 #707A52 #5C6543 #485035 #353A27 #1F2216

Use #97A375 in Our Tools

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