#56AFEB

#56AFEB

Color Values

HEX

#56AFEB

RGB

86, 175, 235

HSL

204.2, 78.8%, 62.9%

HSV

204.2, 63.4%, 92.2%

CMYK

63.4%, 25.5%, 0.0%, 7.8%

OKLCH

0.7242 0.1222 240.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#56AFEB

#EB9256

Analogous

#56EBDD

#5664EB

#56AFEB

Triadic

#56AFEB

#EB56AF

#AFEB56

Split Complementary

#56AFEB

#EB5664

#EBDD56

Tetradic

#56AFEB

#DD56EB

#EB9256

#64EB56

Color Blindness Simulation

Original

#56AFEB

Protanopia

#7D7DDC

Deuteranopia

#7771D9

Tritanopia

#5AD1CE

Achromatopsia

#A0A0A0

CSS Usage

background-color: #56AFEB;
color: #56AFEB;
border-color: #56AFEB;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFE1F7
300
#92CBF2
400
#56AFEB
500
#1B93E4
600
#1676B6
700
#115E92
800
#0E4972
900
#0E3753
950
#092334

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026