#572973

#572973

Color Values

HEX

#572973

RGB

87, 41, 115

HSL

277.3, 47.4%, 30.6%

HSV

277.3, 64.3%, 45.1%

CMYK

24.3%, 64.3%, 0.0%, 54.9%

OKLCH

0.3798 0.1265 310.4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#572973

#457329

Analogous

#322973

#73296A

#572973

Triadic

#572973

#735729

#297357

Split Complementary

#572973

#6A7329

#297332

Tetradic

#572973

#733229

#457329

#296A73

Color Blindness Simulation

Original

#572973

Protanopia

#434361

Deuteranopia

#46495D

Tritanopia

#555350

Achromatopsia

#383838

CSS Usage

background-color: #572973;
color: #572973;
border-color: #572973;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCAEC
300
#C9A5DF
400
#AC74CD
500
#8E43BC
600
#723696
700
#5B2B78
800
#47225E
900
#351C45
950
#22122C

Contrast Checker

Text on white

10.66:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026