#54022F

#54022F

Color Values

HEX

#54022F

RGB

84, 2, 47

HSL

327.1, 95.3%, 16.9%

HSV

327.1, 97.6%, 32.9%

CMYK

0.0%, 97.6%, 44.0%, 67.1%

OKLCH

0.293 0.1176 354.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54022F

#025427

Analogous

#500254

#540206

#54022F

Triadic

#54022F

#2F5402

#022F54

Split Complementary

#54022F

#065402

#025450

Tetradic

#54022F

#545002

#025427

#020654

Color Blindness Simulation

Original

#54022F

Protanopia

#303024

Deuteranopia

#353B22

Tritanopia

#501C1A

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9DF
300
#FC87C7
400
#FB47A9
500
#F9068B
600
#C7056F
700
#9F0459
800
#7D0346
900
#5A0734
950
#390421

Contrast Checker

Text on white

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