#54042F

#54042F

Color Values

HEX

#54042F

RGB

84, 4, 47

HSL

327.8, 90.9%, 17.3%

HSV

327.8, 95.2%, 32.9%

CMYK

0.0%, 95.2%, 44.0%, 67.1%

OKLCH

0.2945 0.1155 355.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#54042F

#045429

Analogous

#510454

#540407

#54042F

Triadic

#54042F

#2F5404

#042F54

Split Complementary

#54042F

#075404

#045451

Tetradic

#54042F

#545104

#045429

#040754

Color Blindness Simulation

Original

#54042F

Protanopia

#313125

Deuteranopia

#363C22

Tritanopia

#501C1B

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#F98AC6
400
#F64BA7
500
#F30C88
600
#C3096D
700
#9C0757
800
#7A0644
900
#580933
950
#380620

Contrast Checker

Text on white

14.63:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026