#157A41 Color

#157A41 is rgb(21, 122, 65) in RGB and hsl(146, 71%, 28%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#157A41

HEX#157A41

RGBrgb(21, 122, 65)

HSLhsl(146, 71%, 28%)

HSVhsv(146, 83%, 48%)

OKLCHoklch(51.1% 0.125 152.5)

CMYKcmyk(83%, 0%, 47%, 52%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#157A41 Complementary#7A154E Analogous#1B7A15 Analogous#157A73 Triadic#41157A Triadic#7A4115

Tints & Shades

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

Tints

#1CA658 #23D16F #48E08A #73E7A6 #9FEFC2 #CBF6DE

Shades

#126D3A #105C30 #0D4E2A #0A3D20 #083019 #051F10

Use #157A41 in Our Tools

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