#52EFC3

#52EFC3

Color Values

HEX

#52EFC3

RGB

82, 239, 195

HSL

163.2, 83.1%, 62.9%

HSV

163.2, 65.7%, 93.7%

CMYK

65.7%, 0.0%, 18.4%, 6.3%

OKLCH

0.8588 0.1454 170.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#52EFC3

#EF527E

Analogous

#52EF74

#52CCEF

#52EFC3

Triadic

#52EFC3

#C352EF

#EFC352

Split Complementary

#52EFC3

#EF52CC

#EF7452

Tetradic

#52EFC3

#7452EF

#EF527E

#CCEF52

Color Blindness Simulation

Original

#52EFC3

Protanopia

#9697CE

Deuteranopia

#8D81D0

Tritanopia

#5AD6D8

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E1FAF3
200
#BEF9E8
300
#8FF5D8
400
#52EFC3
500
#16E9AE
600
#11BB8B
700
#0E956F
800
#0B7557
900
#0C5540
950
#083529

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026