#52B5F0

#52B5F0

Color Values

HEX

#52B5F0

RGB

82, 181, 240

HSL

202.4, 84.0%, 63.1%

HSV

202.4, 65.8%, 94.1%

CMYK

65.8%, 24.6%, 0.0%, 5.9%

OKLCH

0.7386 0.1256 238.0

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#52B5F0

#F08D52

Analogous

#52F0DC

#5266F0

#52B5F0

Triadic

#52B5F0

#F052B5

#B5F052

Split Complementary

#52B5F0

#F05266

#F0DC52

Tetradic

#52B5F0

#DC52F0

#F08D52

#66F052

Color Blindness Simulation

Original

#52B5F0

Protanopia

#7D7EE2

Deuteranopia

#7770DE

Tritanopia

#57D6D4

Achromatopsia

#A4A4A4

CSS Usage

background-color: #52B5F0;
color: #52B5F0;
border-color: #52B5F0;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3F9
300
#8ECFF5
400
#51B5F0
500
#149BEB
600
#107CBC
700
#0D6396
800
#0A4D75
900
#0C3A55
950
#072436

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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