#56C5EB

#56C5EB

Color Values

HEX

#56C5EB

RGB

86, 197, 235

HSL

195.3, 78.8%, 62.9%

HSV

195.3, 63.4%, 92.2%

CMYK

63.4%, 16.2%, 0.0%, 7.8%

OKLCH

0.7742 0.1137 223.8

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#56C5EB

#EB7C56

Analogous

#56EBC6

#567AEB

#56C5EB

Triadic

#56C5EB

#EB56C5

#C5EB56

Split Complementary

#56C5EB

#EB567A

#EBC656

Tetradic

#56C5EB

#C656EB

#EB7C56

#7AEB56

Color Blindness Simulation

Original

#56C5EB

Protanopia

#8687E2

Deuteranopia

#8077E0

Tritanopia

#5CDBD9

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E1F3F9
200
#BFE9F7
300
#92D9F2
400
#56C5EB
500
#1BB1E4
600
#168DB6
700
#117192
800
#0E5872
900
#0E4153
950
#092934

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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