#36F252 Color

#36F252 is rgb(54, 242, 82) in RGB and hsl(129, 88%, 58%) in HSL. The closest CSS named color is LimeGreen. Black text is most readable on this background.

#36F252

HEX#36F252

RGBrgb(54, 242, 82)

HSLhsl(129, 88%, 58%)

HSVhsv(129, 78%, 95%)

OKLCHoklch(84.1% 0.248 144.8)

CMYKcmyk(78%, 0%, 66%, 5%)

Text Contrast & Accessibility

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

TextWhite text1.5:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.98:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#36F252 Complementary#F236D6 Analogous#78F236 Analogous#36F2B0 Triadic#5236F2 Triadic#F25236

Tints & Shades

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

Tints

#52F46B #6AF67F #87F798 #A4F9B1 #C1FBC9 #D9FDDE

Shades

#0FF031 #0DCE2A #0BA822 #08811A #065B13 #043A0C

Use #36F252 in Our Tools

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