#59557B

#59557B

Color Values

HEX

#59557B

RGB

89, 85, 123

HSL

246.3, 18.3%, 40.8%

HSV

246.3, 30.9%, 48.2%

CMYK

27.6%, 30.9%, 0.0%, 51.8%

OKLCH

0.4691 0.061 288.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#59557B

#777B55

Analogous

#55647B

#6C557B

#59557B

Triadic

#59557B

#7B5955

#557B59

Split Complementary

#59557B

#7B6C55

#647B55

Tetradic

#59557B

#7B5564

#777B55

#557B6C

Color Blindness Simulation

Original

#59557B

Protanopia

#575772

Deuteranopia

#585870

Tritanopia

#596B69

Achromatopsia

#595959

CSS Usage

background-color: #59557B;
color: #59557B;
border-color: #59557B;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D6D5E2
300
#B9B7CD
400
#938FB2
500
#6D6897
600
#575379
700
#464361
800
#37344B
900
#2A2838
950
#1B1A24

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01: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