#574668

#574668

Color Values

HEX

#574668

RGB

87, 70, 104

HSL

270.0, 19.5%, 34.1%

HSV

270.0, 32.7%, 40.8%

CMYK

16.3%, 32.7%, 0.0%, 59.2%

OKLCH

0.4257 0.0588 306.9

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#574668

#576846

Analogous

#464668

#684668

#574668

Triadic

#574668

#685746

#466857

Split Complementary

#574668

#686846

#466846

Tetradic

#574668

#684646

#576846

#466868

Color Blindness Simulation

Original

#574668

Protanopia

#504F60

Deuteranopia

#51525E

Tritanopia

#565958

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DBD4E2
300
#C2B6CE
400
#A18EB3
500
#806798
600
#66527A
700
#524262
800
#40334C
900
#302839
950
#1F1924

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

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