#542309

#542309

Color Values

HEX

#542309

RGB

84, 35, 9

HSL

20.8, 80.6%, 18.2%

HSV

20.8, 89.3%, 32.9%

CMYK

0.0%, 58.3%, 89.3%, 67.1%

OKLCH

0.3223 0.0815 45.1

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542309

#093A54

Analogous

#540914

#544809

#542309

Triadic

#542309

#095423

#230954

Split Complementary

#542309

#095448

#091454

Tetradic

#542309

#145409

#093A54

#480954

Color Blindness Simulation

Original

#542309

Protanopia

#3F3E0F

Deuteranopia

#424511

Tritanopia

#521415

Achromatopsia

#2C2C2C

CSS Usage

background-color: #542309;
color: #542309;
border-color: #542309;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FDF6F2
100
#F9E9E1
200
#F8D2BF
300
#F3B390
400
#ED8955
500
#E66019
600
#B84D14
700
#933D10
800
#73300C
900
#54260D
950
#351808

Contrast Checker

Text on white

12.95:1

AA Pass AAA Pass

Text on black

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