#54062F

#54062F

Color Values

HEX

#54062F

RGB

84, 6, 47

HSL

328.5, 86.7%, 17.6%

HSV

328.5, 92.9%, 32.9%

CMYK

0.0%, 92.9%, 44.0%, 67.1%

OKLCH

0.2961 0.1135 355.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54062F

#06542B

Analogous

#520654

#540608

#54062F

Triadic

#54062F

#2F5406

#062F54

Split Complementary

#54062F

#085406

#065452

Tetradic

#54062F

#545206

#06542B

#060854

Color Blindness Simulation

Original

#54062F

Protanopia

#323225

Deuteranopia

#373D23

Tritanopia

#501D1C

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDD
300
#F78DC4
400
#F24FA5
500
#EE1185
600
#BE0E6A
700
#980B55
800
#770843
900
#560B32
950
#360720

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

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