#571E83

#571E83

Color Values

HEX

#571E83

RGB

87, 30, 131

HSL

273.9, 62.7%, 31.6%

HSV

273.9, 77.1%, 51.4%

CMYK

33.6%, 77.1%, 0.0%, 48.6%

OKLCH

0.3781 0.1594 305.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#571E83

#4A831E

Analogous

#251E83

#831E7D

#571E83

Triadic

#571E83

#83571E

#1E8357

Split Complementary

#571E83

#7D831E

#1E8325

Tetradic

#571E83

#83251E

#4A831E

#1E7D83

Color Blindness Simulation

Original

#571E83

Protanopia

#3E3E6B

Deuteranopia

#424665

Tritanopia

#545753

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C79BE8
400
#A865DC
500
#8A30CF
600
#6E26A6
700
#581E85
800
#451868
900
#34154C
950
#210D30

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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