#56B0EB

#56B0EB

Color Values

HEX

#56B0EB

RGB

86, 176, 235

HSL

203.8, 78.8%, 62.9%

HSV

203.8, 63.4%, 92.2%

CMYK

63.4%, 25.1%, 0.0%, 7.8%

OKLCH

0.7264 0.1216 240.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#56B0EB

#EB9156

Analogous

#56EBDC

#5665EB

#56B0EB

Triadic

#56B0EB

#EB56B0

#B0EB56

Split Complementary

#56B0EB

#EB5665

#EBDC56

Tetradic

#56B0EB

#DC56EB

#EB9156

#65EB56

Color Blindness Simulation

Original

#56B0EB

Protanopia

#7D7EDD

Deuteranopia

#7871D9

Tritanopia

#5AD1CF

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1F0F9
200
#BFE1F7
300
#92CCF2
400
#56B0EB
500
#1B94E4
600
#1677B6
700
#115F92
800
#0E4A72
900
#0E3853
950
#092334

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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