#570C35

#570C35

Color Values

HEX

#570C35

RGB

87, 12, 53

HSL

327.2, 75.8%, 19.4%

HSV

327.2, 86.2%, 34.1%

CMYK

0.0%, 86.2%, 39.1%, 65.9%

OKLCH

0.3092 0.1129 352.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570C35

#0C572E

Analogous

#530C57

#570C0F

#570C35

Triadic

#570C35

#35570C

#0C3557

Split Complementary

#570C35

#0F570C

#0C5753

Tetradic

#570C35

#57530C

#0C572E

#0C0F57

Color Blindness Simulation

Original

#570C35

Protanopia

#37362B

Deuteranopia

#3B4029

Tritanopia

#532322

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F6C0DE
300
#F093C6
400
#E859A7
500
#E01F89
600
#B3196D
700
#8F1457
800
#700F44
900
#520F34
950
#330A21

Contrast Checker

Text on white

13.91:1

AA Pass AAA Pass

Text on black

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