#56B2EB

#56B2EB

Color Values

HEX

#56B2EB

RGB

86, 178, 235

HSL

203.0, 78.8%, 62.9%

HSV

203.0, 63.4%, 92.2%

CMYK

63.4%, 24.3%, 0.0%, 7.8%

OKLCH

0.7309 0.1204 238.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#56B2EB

#EB8F56

Analogous

#56EBDA

#5667EB

#56B2EB

Triadic

#56B2EB

#EB56B2

#B2EB56

Split Complementary

#56B2EB

#EB5667

#EBDA56

Tetradic

#56B2EB

#DA56EB

#EB8F56

#67EB56

Color Blindness Simulation

Original

#56B2EB

Protanopia

#7E7FDD

Deuteranopia

#7872DA

Tritanopia

#5BD2D0

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E1F0F9
200
#BFE2F7
300
#92CDF2
400
#56B2EB
500
#1B97E4
600
#1679B6
700
#116192
800
#0E4B72
900
#0E3853
950
#092434

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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