#54022C

#54022C

Color Values

HEX

#54022C

RGB

84, 2, 44

HSL

329.3, 95.3%, 16.9%

HSV

329.3, 97.6%, 32.9%

CMYK

0.0%, 97.6%, 47.6%, 67.1%

OKLCH

0.2917 0.1163 357.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54022C

#02542A

Analogous

#530254

#540203

#54022C

Triadic

#54022C

#2C5402

#022C54

Split Complementary

#54022C

#035402

#025453

Tetradic

#54022C

#545302

#02542A

#020354

Color Blindness Simulation

Original

#54022C

Protanopia

#303022

Deuteranopia

#353B1F

Tritanopia

#501A18

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DC
300
#FC87C3
400
#FB47A3
500
#F90682
600
#C70568
700
#9F0453
800
#7D0341
900
#5A0731
950
#39041F

Contrast Checker

Text on white

14.77:1

AA Pass AAA Pass

Text on black

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