#56CBEC

#56CBEC

Color Values

HEX

#56CBEC

RGB

86, 203, 236

HSL

193.2, 79.8%, 63.1%

HSV

193.2, 63.6%, 92.5%

CMYK

63.6%, 14.0%, 0.0%, 7.5%

OKLCH

0.7883 0.1139 219.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#56CBEC

#EC7756

Analogous

#56ECC2

#5680EC

#56CBEC

Triadic

#56CBEC

#EC56CB

#CBEC56

Split Complementary

#56CBEC

#EC5680

#ECC256

Tetradic

#56CBEC

#C256EC

#EC7756

#80EC56

Color Blindness Simulation

Original

#56CBEC

Protanopia

#898AE4

Deuteranopia

#8279E2

Tritanopia

#5CDEDC

Achromatopsia

#B5B5B5

CSS Usage

background-color: #56CBEC;
color: #56CBEC;
border-color: #56CBEC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FAFD
100
#E1F4F9
200
#BFEBF8
300
#91DDF3
400
#55CBEC
500
#1AB8E5
600
#1594B7
700
#107693
800
#0D5C73
900
#0E4453
950
#092B35

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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