#52EB63

#52EB63

Color Values

HEX

#52EB63

RGB

82, 235, 99

HSL

126.7, 79.3%, 62.2%

HSV

126.7, 65.1%, 92.2%

CMYK

65.1%, 0.0%, 57.9%, 7.8%

OKLCH

0.8309 0.2202 145.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#52EB63

#EB52DA

Analogous

#8EEB52

#52EBB0

#52EB63

Triadic

#52EB63

#6352EB

#EB6352

Split Complementary

#52EB63

#B052EB

#EB528E

Tetradic

#52EB63

#528EEB

#EB52DA

#EBB052

Color Blindness Simulation

Original

#52EB63

Protanopia

#949684

Deuteranopia

#8B808C

Tritanopia

#5A9EA4

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1F9E4
200
#BFF8C5
300
#91F29C
400
#56EB67
500
#1AE531
600
#15B727
700
#11921F
800
#0D7218
900
#0E5316
950
#09340E

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026