#56B2EC

#56B2EC

Color Values

HEX

#56B2EC

RGB

86, 178, 236

HSL

203.2, 79.8%, 63.1%

HSV

203.2, 63.6%, 92.5%

CMYK

63.6%, 24.6%, 0.0%, 7.5%

OKLCH

0.7314 0.1214 239.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#56B2EC

#EC9056

Analogous

#56ECDB

#5667EC

#56B2EC

Triadic

#56B2EC

#EC56B2

#B2EC56

Split Complementary

#56B2EC

#EC5667

#ECDB56

Tetradic

#56B2EC

#DB56EC

#EC9056

#67EC56

Color Blindness Simulation

Original

#56B2EC

Protanopia

#7E7FDE

Deuteranopia

#7872DB

Tritanopia

#5BD3D0

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F0F9
200
#BFE2F8
300
#91CDF3
400
#55B2EC
500
#1A97E5
600
#1578B7
700
#106093
800
#0D4B73
900
#0E3853
950
#092435

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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