#52C3F0

#52C3F0

Color Values

HEX

#52C3F0

RGB

82, 195, 240

HSL

197.1, 84.0%, 63.1%

HSV

197.1, 65.8%, 94.1%

CMYK

65.8%, 18.8%, 0.0%, 5.9%

OKLCH

0.7704 0.1197 227.8

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#52C3F0

#F07F52

Analogous

#52F0CE

#5274F0

#52C3F0

Triadic

#52C3F0

#F052C3

#C3F052

Split Complementary

#52C3F0

#F05274

#F0CE52

Tetradic

#52C3F0

#CE52F0

#F07F52

#74F052

Color Blindness Simulation

Original

#52C3F0

Protanopia

#8384E5

Deuteranopia

#7C74E2

Tritanopia

#58DDDB

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDE8F9
300
#8ED8F5
400
#51C3F0
500
#14AEEB
600
#108BBC
700
#0D6F96
800
#0A5775
900
#0C4055
950
#072936

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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