#56CFEC

#56CFEC

Color Values

HEX

#56CFEC

RGB

86, 207, 236

HSL

191.6, 79.8%, 63.1%

HSV

191.6, 63.6%, 92.5%

CMYK

63.6%, 12.3%, 0.0%, 7.5%

OKLCH

0.7976 0.114 216.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#56CFEC

#EC7356

Analogous

#56ECBE

#5684EC

#56CFEC

Triadic

#56CFEC

#EC56CF

#CFEC56

Split Complementary

#56CFEC

#EC5684

#ECBE56

Tetradic

#56CFEC

#BE56EC

#EC7356

#84EC56

Color Blindness Simulation

Original

#56CFEC

Protanopia

#8A8BE5

Deuteranopia

#837AE3

Tritanopia

#5CDFDE

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5F9
200
#BFEDF8
300
#91E0F3
400
#55CFEC
500
#1ABEE5
600
#1598B7
700
#107A93
800
#0D5F73
900
#0E4653
950
#092C35

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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