#570228

#570228

Color Values

HEX

#570228

RGB

87, 2, 40

HSL

333.2, 95.5%, 17.5%

HSV

333.2, 97.7%, 34.1%

CMYK

0.0%, 97.7%, 54.0%, 65.9%

OKLCH

0.2966 0.1171 2.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570228

#025731

Analogous

#570253

#570702

#570228

Triadic

#570228

#285702

#022857

Split Complementary

#570228

#025707

#025357

Tetradic

#570228

#535702

#025731

#070257

Color Blindness Simulation

Original

#570228

Protanopia

#32311F

Deuteranopia

#373E1D

Tritanopia

#531816

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFEC
200
#FDB9D8
300
#FC87BC
400
#FB4797
500
#F90673
600
#C7055C
700
#A00449
800
#7D0339
900
#5A072C
950
#39041C

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

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