#573873

#573873

Color Values

HEX

#573873

RGB

87, 56, 115

HSL

271.5, 34.5%, 33.5%

HSV

271.5, 51.3%, 45.1%

CMYK

24.3%, 51.3%, 0.0%, 54.9%

OKLCH

0.4044 0.1008 306.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#573873

#547338

Analogous

#393873

#733871

#573873

Triadic

#573873

#735738

#387357

Split Complementary

#573873

#717338

#387339

Tetradic

#573873

#733938

#547338

#387173

Color Blindness Simulation

Original

#573873

Protanopia

#4A4965

Deuteranopia

#4B4E61

Tritanopia

#555957

Achromatopsia

#434343

CSS Usage

background-color: #573873;
color: #573873;
border-color: #573873;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DCCFE8
300
#C3ADD7
400
#A280C1
500
#8254AB
600
#684389
700
#53356E
800
#412A56
900
#31213F
950
#1F1528

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026