#570231

#570231

Color Values

HEX

#570231

RGB

87, 2, 49

HSL

326.8, 95.5%, 17.5%

HSV

326.8, 97.7%, 34.1%

CMYK

0.0%, 97.7%, 43.7%, 65.9%

OKLCH

0.3001 0.1207 354.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570231

#025728

Analogous

#530257

#570207

#570231

Triadic

#570231

#315702

#023157

Split Complementary

#570231

#075702

#025753

Tetradic

#570231

#575302

#025728

#020757

Color Blindness Simulation

Original

#570231

Protanopia

#323126

Deuteranopia

#373E23

Tritanopia

#531D1B

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9DF
300
#FC87C8
400
#FB47AA
500
#F9068C
600
#C70570
700
#A0045A
800
#7D0346
900
#5A0735
950
#390421

Contrast Checker

Text on white

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