#571631

#571631

Color Values

HEX

#571631

RGB

87, 22, 49

HSL

335.1, 59.6%, 21.4%

HSV

335.1, 74.7%, 34.1%

CMYK

0.0%, 74.7%, 43.7%, 65.9%

OKLCH

0.3174 0.0987 359.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#571631

#16573C

Analogous

#571652

#571C16

#571631

Triadic

#571631

#315716

#163157

Split Complementary

#571631

#16571C

#165257

Tetradic

#571631

#525716

#16573C

#1C1657

Color Blindness Simulation

Original

#571631

Protanopia

#3B3A2A

Deuteranopia

#3F4429

Tritanopia

#542524

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6D8
300
#E69DBC
400
#D96897
500
#CB3473
600
#A3295C
700
#822149
800
#661A39
900
#4A162C
950
#2F0E1C

Contrast Checker

Text on white

13.42:1

AA Pass AAA Pass

Text on black

1.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026