#56BCEB

#56BCEB

Color Values

HEX

#56BCEB

RGB

86, 188, 235

HSL

198.9, 78.8%, 62.9%

HSV

198.9, 63.4%, 92.2%

CMYK

63.4%, 20.0%, 0.0%, 7.8%

OKLCH

0.7536 0.1158 231.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#56BCEB

#EB8556

Analogous

#56EBCF

#5671EB

#56BCEB

Triadic

#56BCEB

#EB56BC

#BCEB56

Split Complementary

#56BCEB

#EB5671

#EBCF56

Tetradic

#56BCEB

#CF56EB

#EB8556

#71EB56

Color Blindness Simulation

Original

#56BCEB

Protanopia

#8283E0

Deuteranopia

#7C75DD

Tritanopia

#5BD7D5

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E1F2F9
200
#BFE6F7
300
#92D4F2
400
#56BCEB
500
#1BA5E4
600
#1684B6
700
#116992
800
#0E5272
900
#0E3D53
950
#092734

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026