#52ED62

#52ED62

Color Values

HEX

#52ED62

RGB

82, 237, 98

HSL

126.2, 81.2%, 62.5%

HSV

126.2, 65.4%, 92.9%

CMYK

65.4%, 0.0%, 58.6%, 7.1%

OKLCH

0.8358 0.2234 144.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#52ED62

#ED52DD

Analogous

#8FED52

#52EDAF

#52ED62

Triadic

#52ED62

#6252ED

#ED6252

Split Complementary

#52ED62

#AF52ED

#ED528F

Tetradic

#52ED62

#528FED

#ED52DD

#EDAF52

Color Blindness Simulation

Original

#52ED62

Protanopia

#959684

Deuteranopia

#8C808C

Tritanopia

#5A9EA4

Achromatopsia

#C2C2C2

CSS Usage

background-color: #52ED62;
color: #52ED62;
border-color: #52ED62;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BEF8C4
300
#90F39A
400
#54ED64
500
#18E72D
600
#13B924
700
#0F941D
800
#0C7417
900
#0D5414
950
#08350D

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026