#573172

#573172

Color Values

HEX

#573172

RGB

87, 49, 114

HSL

275.1, 39.9%, 32.0%

HSV

275.1, 57.0%, 44.7%

CMYK

23.7%, 57.0%, 0.0%, 55.3%

OKLCH

0.3916 0.112 309.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#573172

#4C7231

Analogous

#373172

#72316D

#573172

Triadic

#573172

#725731

#317257

Split Complementary

#573172

#6D7231

#317237

Tetradic

#573172

#723731

#4C7231

#316D72

Color Blindness Simulation

Original

#573172

Protanopia

#474662

Deuteranopia

#494C5E

Tritanopia

#555653

Achromatopsia

#3E3E3E

CSS Usage

background-color: #573172;
color: #573172;
border-color: #573172;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECDEA
300
#C6A9DA
400
#A77BC6
500
#884DB2
600
#6D3D8F
700
#573172
800
#442659
900
#331F42
950
#20142A

Contrast Checker

Text on white

10.06:1

AA Pass AAA Pass

Text on black

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