#574E69

#574E69

Color Values

HEX

#574E69

RGB

87, 78, 105

HSL

260.0, 14.8%, 35.9%

HSV

260.0, 25.7%, 41.2%

CMYK

17.1%, 25.7%, 0.0%, 58.8%

OKLCH

0.4434 0.0449 299.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#574E69

#60694E

Analogous

#4E5369

#654E69

#574E69

Triadic

#574E69

#69574E

#4E6957

Split Complementary

#574E69

#69654E

#53694E

Tetradic

#574E69

#694E53

#60694E

#4E6965

Color Blindness Simulation

Original

#574E69

Protanopia

#535362

Deuteranopia

#545461

Tritanopia

#575D5C

Achromatopsia

#525252

CSS Usage

background-color: #574E69;
color: #574E69;
border-color: #574E69;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#DAD6E1
300
#BFB9CB
400
#9C93AF
500
#796D92
600
#615775
700
#4E465E
800
#3D3649
900
#2E2A37
950
#1D1B23

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026