#54282C

#54282C

Color Values

HEX

#54282C

RGB

84, 40, 44

HSL

354.5, 35.5%, 24.3%

HSV

354.5, 52.4%, 32.9%

CMYK

0.0%, 52.4%, 47.6%, 67.1%

OKLCH

0.3378 0.0654 15.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#54282C

#285450

Analogous

#542842

#543A28

#54282C

Triadic

#54282C

#2C5428

#282C54

Split Complementary

#54282C

#28543A

#284254

Tetradic

#54282C

#425428

#285450

#3A2854

Color Blindness Simulation

Original

#54282C

Protanopia

#41412B

Deuteranopia

#44472B

Tritanopia

#522A2A

Achromatopsia

#323232

CSS Usage

background-color: #54282C;
color: #54282C;
border-color: #54282C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CFD1
300
#D8ACB0
400
#C27F85
500
#AD525B
600
#8A4248
700
#6F353A
800
#56292D
900
#402124
950
#281517

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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