#570C73

#570C73

Color Values

HEX

#570C73

RGB

87, 12, 115

HSL

283.7, 81.1%, 24.9%

HSV

283.7, 89.6%, 45.1%

CMYK

24.3%, 89.6%, 0.0%, 54.9%

OKLCH

0.3495 0.1612 313.8

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#570C73

#28730C

Analogous

#240C73

#730C5B

#570C73

Triadic

#570C73

#73570C

#0C7357

Split Complementary

#570C73

#5B730C

#0C7324

Tetradic

#570C73

#73240C

#28730C

#0C5B73

Color Blindness Simulation

Original

#570C73

Protanopia

#37365A

Deuteranopia

#3B4054

Tritanopia

#534642

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E1F9
200
#E9BEF8
300
#D890F3
400
#C454ED
500
#AF18E7
600
#8C13B9
700
#700F94
800
#570C73
900
#410D54
950
#290835

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

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