#56CAEB

#56CAEB

Color Values

HEX

#56CAEB

RGB

86, 202, 235

HSL

193.3, 78.8%, 62.9%

HSV

193.3, 63.4%, 92.2%

CMYK

63.4%, 14.0%, 0.0%, 7.8%

OKLCH

0.7856 0.1133 219.8

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#56CAEB

#EB7756

Analogous

#56EBC1

#567FEB

#56CAEB

Triadic

#56CAEB

#EB56CA

#CAEB56

Split Complementary

#56CAEB

#EB567F

#EBC156

Tetradic

#56CAEB

#C156EB

#EB7756

#7FEB56

Color Blindness Simulation

Original

#56CAEB

Protanopia

#8889E3

Deuteranopia

#8279E1

Tritanopia

#5CDDDB

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E1F4F9
200
#BFEBF7
300
#92DDF2
400
#56CAEB
500
#1BB7E4
600
#1693B6
700
#117592
800
#0E5C72
900
#0E4453
950
#092B34

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026