#52DDED

#52DDED

Color Values

HEX

#52DDED

RGB

82, 221, 237

HSL

186.2, 81.2%, 62.5%

HSV

186.2, 65.4%, 92.9%

CMYK

65.4%, 6.8%, 0.0%, 7.1%

OKLCH

0.8292 0.1195 206.0

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#52DDED

#ED6252

Analogous

#52EDAF

#528FED

#52DDED

Triadic

#52DDED

#ED52DD

#DDED52

Split Complementary

#52DDED

#ED528F

#EDAF52

Tetradic

#52DDED

#AF52ED

#ED6252

#8FED52

Color Blindness Simulation

Original

#52DDED

Protanopia

#8E8FE9

Deuteranopia

#867CE8

Tritanopia

#59E6E5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #52DDED;
color: #52DDED;
border-color: #52DDED;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BEF2F8
300
#90E9F3
400
#54DDED
500
#18D2E7
600
#13A8B9
700
#0F8694
800
#0C6974
900
#0D4D54
950
#083035

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

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