#52EF77

#52EF77

Color Values

HEX

#52EF77

RGB

82, 239, 119

HSL

134.1, 83.1%, 62.9%

HSV

134.1, 65.7%, 93.7%

CMYK

65.7%, 0.0%, 50.2%, 6.3%

OKLCH

0.8435 0.2087 147.8

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#52EF77

#EF52CA

Analogous

#7BEF52

#52EFC5

#52EF77

Triadic

#52EF77

#7752EF

#EF7752

Split Complementary

#52EF77

#C552EF

#EF527B

Tetradic

#52EF77

#527BEF

#EF52CA

#EFC552

Color Blindness Simulation

Original

#52EF77

Protanopia

#969794

Deuteranopia

#8D819B

Tritanopia

#5AABB0

Achromatopsia

#C5C5C5

CSS Usage

background-color: #52EF77;
color: #52EF77;
border-color: #52EF77;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF4
100
#E1FAE6
200
#BEF9CC
300
#8FF5A7
400
#52EF77
500
#16E947
600
#11BB39
700
#0E952E
800
#0B7524
900
#0C551D
950
#083512

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.97:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026