#56BCEC

#56BCEC

Color Values

HEX

#56BCEC

RGB

86, 188, 236

HSL

199.2, 79.8%, 63.1%

HSV

199.2, 63.6%, 92.5%

CMYK

63.6%, 20.3%, 0.0%, 7.5%

OKLCH

0.754 0.1167 231.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#56BCEC

#EC8656

Analogous

#56ECD1

#5671EC

#56BCEC

Triadic

#56BCEC

#EC56BC

#BCEC56

Split Complementary

#56BCEC

#EC5671

#ECD156

Tetradic

#56BCEC

#D156EC

#EC8656

#71EC56

Color Blindness Simulation

Original

#56BCEC

Protanopia

#8283E0

Deuteranopia

#7C75DE

Tritanopia

#5BD7D5

Achromatopsia

#AAAAAA

CSS Usage

background-color: #56BCEC;
color: #56BCEC;
border-color: #56BCEC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E1F2F9
200
#BFE6F8
300
#91D3F3
400
#55BCEC
500
#1AA4E5
600
#1583B7
700
#106993
800
#0D5273
900
#0E3D53
950
#092735

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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