#52E756

#52E756

Color Values

HEX

#52E756

RGB

82, 231, 86

HSL

121.6, 75.6%, 61.4%

HSV

121.6, 64.5%, 90.6%

CMYK

64.5%, 0.0%, 62.8%, 9.4%

OKLCH

0.8194 0.2253 143.6

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#52E756

#E752E3

Analogous

#99E752

#52E7A1

#52E756

Triadic

#52E756

#5652E7

#E75652

Split Complementary

#52E756

#A152E7

#E75299

Tetradic

#52E756

#5299E7

#E752E3

#E7A152

Color Blindness Simulation

Original

#52E756

Protanopia

#939479

Deuteranopia

#8A7F82

Tritanopia

#59959B

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C0F6C2
300
#94F096
400
#59E85D
500
#1FE024
600
#19B31D
700
#148F17
800
#107012
900
#0F5111
950
#0A330B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.92: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