#52F0AE

#52F0AE

Color Values

HEX

#52F0AE

RGB

82, 240, 174

HSL

154.9, 84.0%, 63.1%

HSV

154.9, 65.8%, 94.1%

CMYK

65.8%, 0.0%, 27.5%, 5.9%

OKLCH

0.8561 0.1622 161.6

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#52F0AE

#F05294

Analogous

#52F05F

#52E3F0

#52F0AE

Triadic

#52F0AE

#AE52F0

#F0AE52

Split Complementary

#52F0AE

#F052E3

#F05F52

Tetradic

#52F0AE

#5F52F0

#F05294

#E3F052

Color Blindness Simulation

Original

#52F0AE

Protanopia

#9698BE

Deuteranopia

#8D81C2

Tritanopia

#5ACBCD

Achromatopsia

#CACACA

CSS Usage

background-color: #52F0AE;
color: #52F0AE;
border-color: #52F0AE;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDF9E0
300
#8EF5CA
400
#51F0AE
500
#14EB91
600
#10BC74
700
#0D965D
800
#0A7548
900
#0C5536
950
#073622

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026