#5D7DA9

#5D7DA9

Color Values

HEX

#5D7DA9

RGB

93, 125, 169

HSL

214.7, 30.6%, 51.4%

HSV

214.7, 45.0%, 66.3%

CMYK

45.0%, 26.0%, 0.0%, 33.7%

OKLCH

0.5833 0.0774 256.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5D7DA9

#A9895D

Analogous

#5DA3A9

#635DA9

#5D7DA9

Triadic

#5D7DA9

#A95D7D

#7DA95D

Split Complementary

#5D7DA9

#A9635D

#A3A95D

Tetradic

#5D7DA9

#A95DA3

#A9895D

#5DA963

Color Blindness Simulation

Original

#5D7DA9

Protanopia

#6B6B9E

Deuteranopia

#69679C

Tritanopia

#5F9694

Achromatopsia

#797979

CSS Usage

background-color: #5D7DA9;
color: #5D7DA9;
border-color: #5D7DA9;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D0DAE6
300
#AFBFD5
400
#849CBE
500
#5879A7
600
#476185
700
#394E6B
800
#2C3D53
900
#232E3E
950
#161D27

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass 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