#56709D

#56709D

Color Values

HEX

#56709D

RGB

86, 112, 157

HSL

218.0, 29.2%, 47.6%

HSV

218.0, 45.2%, 61.6%

CMYK

45.2%, 28.7%, 0.0%, 38.4%

OKLCH

0.5437 0.0773 261.1

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#56709D

#9D8356

Analogous

#56939D

#5F569D

#56709D

Triadic

#56709D

#9D5670

#709D56

Split Complementary

#56709D

#9D5F56

#939D56

Tetradic

#56709D

#9D5693

#9D8356

#569D5F

Color Blindness Simulation

Original

#56709D

Protanopia

#616192

Deuteranopia

#605E90

Tritanopia

#578A88

Achromatopsia

#6E6E6E

CSS Usage

background-color: #56709D;
color: #56709D;
border-color: #56709D;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#B0BDD4
400
#8599BC
500
#5A76A5
600
#485E84
700
#3A4B69
800
#2D3B52
900
#242D3D
950
#171C27

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

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