#56A9EB

#56A9EB

Color Values

HEX

#56A9EB

RGB

86, 169, 235

HSL

206.6, 78.8%, 62.9%

HSV

206.6, 63.4%, 92.2%

CMYK

63.4%, 28.1%, 0.0%, 7.8%

OKLCH

0.7107 0.1263 245.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#56A9EB

#EB9856

Analogous

#56EBE2

#565EEB

#56A9EB

Triadic

#56A9EB

#EB56A9

#A9EB56

Split Complementary

#56A9EB

#EB565E

#EBE256

Tetradic

#56A9EB

#E256EB

#EB9856

#5EEB56

Color Blindness Simulation

Original

#56A9EB

Protanopia

#7A7BDB

Deuteranopia

#756FD7

Tritanopia

#5ACECC

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFDEF7
300
#92C7F2
400
#56A9EB
500
#1B8BE4
600
#166FB6
700
#115992
800
#0E4572
900
#0E3453
950
#092134

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026