#53142C

#53142C

Color Values

HEX

#53142C

RGB

83, 20, 44

HSL

337.1, 61.2%, 20.2%

HSV

337.1, 75.9%, 32.5%

CMYK

0.0%, 75.9%, 47.0%, 67.5%

OKLCH

0.3057 0.0954 1.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#53142C

#14533B

Analogous

#53144C

#531B14

#53142C

Triadic

#53142C

#2C5314

#142C53

Split Complementary

#53142C

#14531B

#144C53

Tetradic

#53142C

#4C5314

#14533B

#1B1453

Color Blindness Simulation

Original

#53142C

Protanopia

#383726

Deuteranopia

#3B4025

Tritanopia

#502221

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C5D6
300
#E79CB9
400
#DA6793
500
#CE316D
600
#A42857
700
#842046
800
#671937
900
#4B162A
950
#2F0E1B

Contrast Checker

Text on white

13.96:1

AA Pass AAA Pass

Text on black

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