#570232

#570232

Color Values

HEX

#570232

RGB

87, 2, 50

HSL

326.1, 95.5%, 17.5%

HSV

326.1, 97.7%, 34.1%

CMYK

0.0%, 97.7%, 42.5%, 65.9%

OKLCH

0.3005 0.1212 354.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570232

#025727

Analogous

#520257

#570208

#570232

Triadic

#570232

#325702

#023257

Split Complementary

#570232

#085702

#025752

Tetradic

#570232

#575202

#025727

#020857

Color Blindness Simulation

Original

#570232

Protanopia

#323126

Deuteranopia

#373E24

Tritanopia

#531D1B

Achromatopsia

#181818

CSS Usage

background-color: #570232;
color: #570232;
border-color: #570232;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC87C9
400
#FB47AC
500
#F9068F
600
#C70573
700
#A0045C
800
#7D0348
900
#5A0736
950
#390422

Contrast Checker

Text on white

14.38:1

AA Pass AAA Pass

Text on black

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