#574C80

#574C80

Color Values

HEX

#574C80

RGB

87, 76, 128

HSL

252.7, 25.5%, 40.0%

HSV

252.7, 40.6%, 50.2%

CMYK

32.0%, 40.6%, 0.0%, 49.8%

OKLCH

0.4508 0.084 292.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#574C80

#75804C

Analogous

#4C5B80

#714C80

#574C80

Triadic

#574C80

#80574C

#4C8057

Split Complementary

#574C80

#80714C

#5B804C

Tetradic

#574C80

#804C5B

#75804C

#4C8071

Color Blindness Simulation

Original

#574C80

Protanopia

#525273

Deuteranopia

#535470

Tritanopia

#566967

Achromatopsia

#525252

CSS Usage

background-color: #574C80;
color: #574C80;
border-color: #574C80;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D6D2E4
300
#B9B2D1
400
#9389B9
500
#6D5FA0
600
#574C80
700
#463D66
800
#362F50
900
#2A253C
950
#1B1826

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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