#54030B

#54030B

Color Values

HEX

#54030B

RGB

84, 3, 11

HSL

354.1, 93.1%, 17.1%

HSV

354.1, 96.4%, 32.9%

CMYK

0.0%, 96.4%, 86.9%, 67.1%

OKLCH

0.284 0.1109 23.9

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#54030B

#03544C

Analogous

#540334

#542403

#54030B

Triadic

#54030B

#0B5403

#030B54

Split Complementary

#54030B

#035424

#033454

Tetradic

#54030B

#345403

#03544C

#240354

Color Blindness Simulation

Original

#54030B

Protanopia

#313009

Deuteranopia

#363C09

Tritanopia

#500807

Achromatopsia

#151515

CSS Usage

background-color: #54030B;
color: #54030B;
border-color: #54030B;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FDBAC1
300
#FB8994
400
#F8495A
500
#F60920
600
#C5071A
700
#9E0615
800
#7B0410
900
#590810
950
#38050A

Contrast Checker

Text on white

15.06:1

AA Pass AAA Pass

Text on black

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