#54381F

#54381F

Color Values

HEX

#54381F

RGB

84, 56, 31

HSL

28,3, 46,1%, 22,5%

HSV

28,3, 63,1%, 32,9%

CMYK

0,0%, 33,3%, 63,1%, 67,1%

OKLCH

0,3672 0,0552 61,5

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#54381F

#1F3B54

Analogous

#541F20

#54521F

#54381F

Triadic

#54381F

#1F5438

#381F54

Split Complementary

#54381F

#1F5452

#1F2054

Tetradic

#54381F

#20541F

#1F3B54

#521F54

Color Blindness Simulation

Original

#54381F

Protanopia

#484825

Deuteranopia

#4A4C26

Tritanopia

#532A2B

Achromatopsia

#3C3C3C

CSS Usage

background-color: #54381F;
color: #54381F;
border-color: #54381F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDACB
300
#DEC0A6
400
#CC9E75
500
#BA7C45
600
#956337
700
#774F2C
800
#5D3E22
900
#452F1C
950
#2B1E12

Contrast Checker

Text on white

10,7:1

AA Pass AAA Pass

Text on black

1,96: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