#54251F

#54251F

Color Values

HEX

#54251F

RGB

84, 37, 31

HSL

6.8, 46.1%, 22.5%

HSV

6.8, 63.1%, 32.9%

CMYK

0.0%, 56.0%, 63.1%, 67.1%

OKLCH

0.3291 0.0715 29.0

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#54251F

#1F4E54

Analogous

#541F33

#543F1F

#54251F

Triadic

#54251F

#1F5425

#251F54

Split Complementary

#54251F

#1F543F

#1F3354

Tetradic

#54251F

#33541F

#1F4E54

#3F1F54

Color Blindness Simulation

Original

#54251F

Protanopia

#403F20

Deuteranopia

#424621

Tritanopia

#522222

Achromatopsia

#2F2F2F

CSS Usage

background-color: #54251F;
color: #54251F;
border-color: #54251F;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCFCB
300
#DEACA6
400
#CC7F75
500
#BA5245
600
#954237
700
#77352C
800
#5D2922
900
#45211C
950
#2B1512

Contrast Checker

Text on white

12.64:1

AA Pass AAA Pass

Text on black

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