#57142F

#57142F

Color Values

HEX

#57142F

RGB

87, 20, 47

HSL

335.8, 62.6%, 21.0%

HSV

335.8, 77.0%, 34.1%

CMYK

0.0%, 77.0%, 46.0%, 65.9%

OKLCH

0.3144 0.1007 0.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#57142F

#14573C

Analogous

#571451

#571B14

#57142F

Triadic

#57142F

#2F5714

#142F57

Split Complementary

#57142F

#14571B

#145157

Tetradic

#57142F

#515714

#14573C

#1B1457

Color Blindness Simulation

Original

#57142F

Protanopia

#3A3928

Deuteranopia

#3E4327

Tritanopia

#542322

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4EB
200
#F2C5D7
300
#E89BBA
400
#DC6695
500
#CF3070
600
#A6265A
700
#851F48
800
#681838
900
#4C152B
950
#300D1B

Contrast Checker

Text on white

13.58:1

AA Pass AAA Pass

Text on black

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