#56C1EB

#56C1EB

Color Values

HEX

#56C1EB

RGB

86, 193, 235

HSL

196,9, 78,8%, 62,9%

HSV

196,9, 63,4%, 92,2%

CMYK

63,4%, 17,9%, 0,0%, 7,8%

OKLCH

0,765 0,1144 227,1

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#56C1EB

#EB8056

Analogous

#56EBCA

#5676EB

#56C1EB

Triadic

#56C1EB

#EB56C1

#C1EB56

Split Complementary

#56C1EB

#EB5676

#EBCA56

Tetradic

#56C1EB

#CA56EB

#EB8056

#76EB56

Color Blindness Simulation

Original

#56C1EB

Protanopia

#8485E1

Deuteranopia

#7E76DE

Tritanopia

#5BD9D7

Achromatopsia

#ADADAD

CSS Usage

background-color: #56C1EB;
color: #56C1EB;
border-color: #56C1EB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFC
100
#E1F2F9
200
#BFE8F7
300
#92D7F2
400
#56C1EB
500
#1BABE4
600
#1689B6
700
#116E92
800
#0E5672
900
#0E3F53
950
#092834

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,22:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026