#52A202 Color

#52A202 is rgb(82, 162, 2) in RGB and hsl(90, 98%, 32%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#52A202
HEX#52A202
RGBrgb(82, 162, 2)
HSLhsl(90, 98%, 32%)
HSVhsv(90, 99%, 64%)
OKLCHoklch(63.6% 0.186 135.4)
CMYKcmyk(49%, 0%, 99%, 36%)

Text Contrast & Accessibility

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

TextWhite text3.22:1AA normal ✗AA large ✓AAA normal ✗
TextBlack text6.53:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#52A202Complementary#5202A2Analogous#A2A202Analogous#02A202Triadic#0252A2Triadic#A20252

Tints & Shades

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

Use #52A202 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex