#56B4EB

#56B4EB

Color Values

HEX

#56B4EB

RGB

86, 180, 235

HSL

202.1, 78.8%, 62.9%

HSV

202.1, 63.4%, 92.2%

CMYK

63.4%, 23.4%, 0.0%, 7.8%

OKLCH

0.7354 0.1193 237.2

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#56B4EB

#EB8D56

Analogous

#56EBD7

#5669EB

#56B4EB

Triadic

#56B4EB

#EB56B4

#B4EB56

Split Complementary

#56B4EB

#EB5669

#EBD756

Tetradic

#56B4EB

#D756EB

#EB8D56

#69EB56

Color Blindness Simulation

Original

#56B4EB

Protanopia

#7F80DE

Deuteranopia

#7972DA

Tritanopia

#5BD3D1

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E1F0F9
200
#BFE3F7
300
#92CEF2
400
#56B4EB
500
#1B9AE4
600
#167BB6
700
#116392
800
#0E4D72
900
#0E3953
950
#092434

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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