#54052E

#54052E

Color Values

HEX

#54052E

RGB

84, 5, 46

HSL

328.9, 88.8%, 17.5%

HSV

328.9, 94.0%, 32.9%

CMYK

0.0%, 94.0%, 45.2%, 67.1%

OKLCH

0.2949 0.1141 356.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54052E

#05542B

Analogous

#530554

#540506

#54052E

Triadic

#54052E

#2E5405

#052E54

Split Complementary

#54052E

#065405

#055453

Tetradic

#54052E

#545305

#05542B

#050654

Color Blindness Simulation

Original

#54052E

Protanopia

#323124

Deuteranopia

#363C22

Tritanopia

#501C1B

Achromatopsia

#191919

CSS Usage

background-color: #54052E;
color: #54052E;
border-color: #54052E;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBCDC
300
#F88BC4
400
#F44DA4
500
#F10E84
600
#C10B69
700
#9A0954
800
#780742
900
#570A32
950
#37061F

Contrast Checker

Text on white

14.6:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026