#024525 Color

#024525 is rgb(2, 69, 37) in RGB and hsl(151, 94%, 14%) in HSL. The closest CSS named color is DarkGreen. White text is most readable on this background.

#024525

HEX#024525

RGBrgb(2, 69, 37)

HSLhsl(151, 94%, 14%)

HSVhsv(151, 97%, 27%)

OKLCHoklch(34.4% 0.083 155.3)

CMYKcmyk(97%, 0%, 46%, 73%)

Text Contrast & Accessibility

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

TextWhite text11.17:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.88:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#024525 Complementary#450223 Analogous#024503 Analogous#024445 Triadic#250245 Triadic#452502

Tints & Shades

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

Tints

#048144 #06BC64 #08F783 #43F9A1 #7EFBBF #BAFDDC

Shades

#024022 #02361D #02311A #012815 #012312 #01190D

Use #024525 in Our Tools

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