#54032F

#54032F

Color Values

HEX

#54032F

RGB

84, 3, 47

HSL

327.4, 93.1%, 17.1%

HSV

327.4, 96.4%, 32.9%

CMYK

0.0%, 96.4%, 44.0%, 67.1%

OKLCH

0.2938 0.1166 355.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54032F

#035428

Analogous

#510354

#540307

#54032F

Triadic

#54032F

#2F5403

#032F54

Split Complementary

#54032F

#075403

#035451

Tetradic

#54032F

#545103

#035428

#030754

Color Blindness Simulation

Original

#54032F

Protanopia

#313024

Deuteranopia

#363C22

Tritanopia

#501C1A

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FB89C7
400
#F849A8
500
#F6098A
600
#C5076E
700
#9E0658
800
#7B0445
900
#590834
950
#380521

Contrast Checker

Text on white

14.67:1

AA Pass AAA Pass

Text on black

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