#56B8EB

#56B8EB

Color Values

HEX

#56B8EB

RGB

86, 184, 235

HSL

200.5, 78.8%, 62.9%

HSV

200.5, 63.4%, 92.2%

CMYK

63.4%, 21.7%, 0.0%, 7.8%

OKLCH

0.7445 0.1174 234.2

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#56B8EB

#EB8956

Analogous

#56EBD3

#566DEB

#56B8EB

Triadic

#56B8EB

#EB56B8

#B8EB56

Split Complementary

#56B8EB

#EB566D

#EBD356

Tetradic

#56B8EB

#D356EB

#EB8956

#6DEB56

Color Blindness Simulation

Original

#56B8EB

Protanopia

#8081DF

Deuteranopia

#7B73DC

Tritanopia

#5BD5D3

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E1F1F9
200
#BFE4F7
300
#92D1F2
400
#56B8EB
500
#1B9FE4
600
#167FB6
700
#116692
800
#0E5072
900
#0E3B53
950
#092534

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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