#5D7284

#5D7284

Color Values

HEX

#5D7284

RGB

93, 114, 132

HSL

207.7, 17.3%, 44.1%

HSV

207.7, 29.5%, 51.8%

CMYK

29.5%, 13.6%, 0.0%, 48.2%

OKLCH

0.5418 0.0377 244.4

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#5D7284

#846F5D

Analogous

#5D8482

#5D5E84

#5D7284

Triadic

#5D7284

#845D72

#72845D

Split Complementary

#5D7284

#845D5E

#84825D

Tetradic

#5D7284

#825D84

#846F5D

#5E845D

Color Blindness Simulation

Original

#5D7284

Protanopia

#666680

Deuteranopia

#65637F

Tritanopia

#5E7C7B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DCE1
300
#B7C3CC
400
#90A2B1
500
#698196
600
#546778
700
#435360
800
#35414B
900
#293138
950
#1A1F23

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026