#572071

#572071

Color Values

HEX

#572071

RGB

87, 32, 113

HSL

280.7, 55.9%, 28.4%

HSV

280.7, 71.7%, 44.3%

CMYK

23.0%, 71.7%, 0.0%, 55.7%

OKLCH

0.3662 0.1377 312.8

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#572071

#3A7120

Analogous

#2E2071

#712062

#572071

Triadic

#572071

#715720

#207157

Split Complementary

#572071

#627120

#20712E

Tetradic

#572071

#712E20

#3A7120

#206271

Color Blindness Simulation

Original

#572071

Protanopia

#3F3F5D

Deuteranopia

#424659

Tritanopia

#544E4B

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E5F6
200
#E2C7EF
300
#CEA0E4
400
#B36CD5
500
#9938C7
600
#7A2D9F
700
#62247F
800
#4C1C63
900
#391849
950
#240F2E

Contrast Checker

Text on white

11.35:1

AA Pass AAA Pass

Text on black

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