#573391

#573391

Color Values

HEX

#573391

RGB

87, 51, 145

HSL

263.0, 48.0%, 38.4%

HSV

263.0, 64.8%, 56.9%

CMYK

40.0%, 64.8%, 0.0%, 43.1%

OKLCH

0.4169 0.148 297.1

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#573391

#6D9133

Analogous

#333E91

#863391

#573391

Triadic

#573391

#915733

#339157

Split Complementary

#573391

#918633

#3E9133

Tetradic

#573391

#91333E

#6D9133

#339186

Color Blindness Simulation

Original

#573391

Protanopia

#47477A

Deuteranopia

#4A4C75

Tritanopia

#556864

Achromatopsia

#414141

CSS Usage

background-color: #573391;
color: #573391;
border-color: #573391;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CAEC
300
#BBA4DF
400
#9673CE
500
#7142BD
600
#5B3597
700
#482A79
800
#39215E
900
#2C1C45
950
#1C112C

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026