#52C9F0

#52C9F0

Color Values

HEX

#52C9F0

RGB

82, 201, 240

HSL

194.8, 84.0%, 63.1%

HSV

194.8, 65.8%, 94.1%

CMYK

65.8%, 16.2%, 0.0%, 5.9%

OKLCH

0.7842 0.1185 223.2

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#52C9F0

#F07952

Analogous

#52F0C8

#527AF0

#52C9F0

Triadic

#52C9F0

#F052C9

#C9F052

Split Complementary

#52C9F0

#F0527A

#F0C852

Tetradic

#52C9F0

#C852F0

#F07952

#7AF052

Color Blindness Simulation

Original

#52C9F0

Protanopia

#8687E7

Deuteranopia

#7F76E4

Tritanopia

#58DFDD

Achromatopsia

#B3B3B3

CSS Usage

background-color: #52C9F0;
color: #52C9F0;
border-color: #52C9F0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEAF9
300
#8EDCF5
400
#51C9F0
500
#14B6EB
600
#1091BC
700
#0D7496
800
#0A5B75
900
#0C4355
950
#072A36

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026