#52C8F0

#52C8F0

Color Values

HEX

#52C8F0

RGB

82, 200, 240

HSL

195.2, 84.0%, 63.1%

HSV

195.2, 65.8%, 94.1%

CMYK

65.8%, 16.7%, 0.0%, 5.9%

OKLCH

0.7819 0.1187 224.0

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#52C8F0

#F07A52

Analogous

#52F0C9

#5279F0

#52C8F0

Triadic

#52C8F0

#F052C8

#C8F052

Split Complementary

#52C8F0

#F05279

#F0C952

Tetradic

#52C8F0

#C952F0

#F07A52

#79F052

Color Blindness Simulation

Original

#52C8F0

Protanopia

#8586E6

Deuteranopia

#7E75E4

Tritanopia

#58DFDD

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDEAF9
300
#8EDBF5
400
#51C8F0
500
#14B4EB
600
#1090BC
700
#0D7396
800
#0A5A75
900
#0C4355
950
#072A36

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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