#52DBEC

#52DBEC

Color Values

HEX

#52DBEC

RGB

82, 219, 236

HSL

186.6, 80.2%, 62.4%

HSV

186.6, 65.3%, 92.5%

CMYK

65.3%, 7.2%, 0.0%, 7.5%

OKLCH

0.8242 0.1185 206.8

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#52DBEC

#EC6352

Analogous

#52ECB0

#528EEC

#52DBEC

Triadic

#52DBEC

#EC52DB

#DBEC52

Split Complementary

#52DBEC

#EC528E

#ECB052

Tetradic

#52DBEC

#B052EC

#EC6352

#8EEC52

Color Blindness Simulation

Original

#52DBEC

Protanopia

#8D8FE8

Deuteranopia

#857BE7

Tritanopia

#59E5E4

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F7F9
200
#BFF2F8
300
#91E8F3
400
#55DCEC
500
#19CFE6
600
#14A6B8
700
#108593
800
#0D6873
900
#0D4C53
950
#093035

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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