#52CDDC

#52CDDC

Color Values

HEX

#52CDDC

RGB

82, 205, 220

HSL

186.5, 66.3%, 59.2%

HSV

186.5, 62.7%, 86.3%

CMYK

62.7%, 6.8%, 0.0%, 13.7%

OKLCH

0.7856 0.1096 206.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#52CDDC

#DC6152

Analogous

#52DCA6

#5288DC

#52CDDC

Triadic

#52CDDC

#DC52CD

#CDDC52

Split Complementary

#52CDDC

#DC5288

#DCA652

Tetradic

#52CDDC

#A652DC

#DC6152

#88DC52

Color Blindness Simulation

Original

#52CDDC

Protanopia

#8788D8

Deuteranopia

#8077D8

Tritanopia

#58D6D5

Achromatopsia

#B4B4B4

CSS Usage

background-color: #52CDDC;
color: #52CDDC;
border-color: #52CDDC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EEF3
300
#99E2EA
400
#62D2DF
500
#2BC2D4
600
#229BAA
700
#1B7C88
800
#15616A
900
#14474D
950
#0C2D31

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026