#571C50

#571C50

Color Values

HEX

#571C50

RGB

87, 28, 80

HSL

307.1, 51.3%, 22.5%

HSV

307.1, 67.8%, 34.1%

CMYK

0.0%, 67.8%, 8.0%, 65.9%

OKLCH

0.3395 0.1107 332.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#571C50

#1C5723

Analogous

#401C57

#571C32

#571C50

Triadic

#571C50

#50571C

#1C5057

Split Complementary

#571C50

#32571C

#1C5740

Tetradic

#571C50

#57401C

#1C5723

#1C3257

Color Blindness Simulation

Original

#571C50

Protanopia

#3D3D43

Deuteranopia

#414540

Tritanopia

#543937

Achromatopsia

#2C2C2C

CSS Usage

background-color: #571C50;
color: #571C50;
border-color: #571C50;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2DA
400
#D170C6
500
#C13EB1
600
#9A328E
700
#7B2872
800
#601F59
900
#471A42
950
#2D1029

Contrast Checker

Text on white

12.45:1

AA Pass AAA Pass

Text on black

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