#397425 Color

#397425 is rgb(57, 116, 37) in RGB and hsl(105, 52%, 30%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#397425

HEX#397425

RGBrgb(57, 116, 37)

HSLhsl(105, 52%, 30%)

HSVhsv(105, 68%, 45%)

OKLCHoklch(50.1% 0.128 138.8)

CMYKcmyk(51%, 0%, 68%, 55%)

Text Contrast & Accessibility

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

TextWhite text5.68:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.7:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#397425 Complementary#602574 Analogous#607425 Analogous#257439 Triadic#253974 Triadic#742539

Tints & Shades

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

Tints

#4B9B31 #5CBE3C #7BCD60 #9BD987 #BCE5AE #D8F0D0

Shades

#316520 #2B591C #244A17 #1C3A12 #152B0D #0F1F0A

Use #397425 in Our Tools

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