#52EFC2

#52EFC2

Color Values

HEX

#52EFC2

RGB

82, 239, 194

HSL

162.8, 83.1%, 62.9%

HSV

162.8, 65.7%, 93.7%

CMYK

65.7%, 0.0%, 18.8%, 6.3%

OKLCH

0.8586 0.1461 170.1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#52EFC2

#EF527F

Analogous

#52EF73

#52CDEF

#52EFC2

Triadic

#52EFC2

#C252EF

#EFC252

Split Complementary

#52EFC2

#EF52CD

#EF7352

Tetradic

#52EFC2

#7352EF

#EF527F

#CDEF52

Color Blindness Simulation

Original

#52EFC2

Protanopia

#9697CD

Deuteranopia

#8D81D0

Tritanopia

#5AD5D7

Achromatopsia

#CACACA

CSS Usage

background-color: #52EFC2;
color: #52EFC2;
border-color: #52EFC2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDFA
100
#E1FAF3
200
#BEF9E8
300
#8FF5D7
400
#52EFC2
500
#16E9AD
600
#11BB8A
700
#0E956F
800
#0B7556
900
#0C5540
950
#083528

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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