#56C9EB

#56C9EB

Color Values

HEX

#56C9EB

RGB

86, 201, 235

HSL

193.7, 78.8%, 62.9%

HSV

193.7, 63.4%, 92.2%

CMYK

63.4%, 14.5%, 0.0%, 7.8%

OKLCH

0.7833 0.1133 220.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#56C9EB

#EB7856

Analogous

#56EBC2

#567EEB

#56C9EB

Triadic

#56C9EB

#EB56C9

#C9EB56

Split Complementary

#56C9EB

#EB567E

#EBC256

Tetradic

#56C9EB

#C256EB

#EB7856

#7EEB56

Color Blindness Simulation

Original

#56C9EB

Protanopia

#8889E3

Deuteranopia

#8178E1

Tritanopia

#5CDCDB

Achromatopsia

#B3B3B3

CSS Usage

background-color: #56C9EB;
color: #56C9EB;
border-color: #56C9EB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFC
100
#E1F4F9
200
#BFEBF7
300
#92DCF2
400
#56C9EB
500
#1BB6E4
600
#1692B6
700
#117592
800
#0E5B72
900
#0E4353
950
#092A34

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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