#52A305 Color

#52A305 is rgb(82, 163, 5) in RGB and hsl(91, 94%, 33%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#52A305

HEX#52A305

RGBrgb(82, 163, 5)

HSLhsl(91, 94%, 33%)

HSVhsv(91, 97%, 64%)

OKLCHoklch(63.8% 0.187 135.6)

CMYKcmyk(50%, 0%, 97%, 36%)

Text Contrast & Accessibility

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

TextWhite text3.18:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.6:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#52A305 Complementary#5705A3 Analogous#A1A305 Analogous#05A308 Triadic#0552A3 Triadic#A30552

Tints & Shades

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

Tints

#68D006 #81F812 #98F93E #B0FA6B #C8FC97 #E2FDC9

Shades

#488F04 #3E7C04 #346803 #284F02 #1E3B02 #142801

Use #52A305 in Our Tools

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