#157532 Color

#157532 is rgb(21, 117, 50) in RGB and hsl(138, 70%, 27%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#157532

HEX#157532

RGBrgb(21, 117, 50)

HSLhsl(138, 70%, 27%)

HSVhsv(138, 82%, 46%)

OKLCHoklch(49.4% 0.133 148.2)

CMYKcmyk(82%, 0%, 57%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#157532 Complementary#751558 Analogous#287515 Analogous#157562 Triadic#321575 Triadic#753215

Tints & Shades

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

Tints

#1CA044 #24CC56 #45DE73 #74E797 #A0EEB7 #CBF6D8

Shades

#12682C #0F5725 #0D4A1F #0B3D1A #083014 #051E0D

Use #157532 in Our Tools

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