#542609

#542609

Color Values

HEX

#542609

RGB

84, 38, 9

HSL

23.2, 80.6%, 18.2%

HSV

23.2, 89.3%, 32.9%

CMYK

0.0%, 54.8%, 89.3%, 67.1%

OKLCH

0.3277 0.0788 48.6

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542609

#093754

Analogous

#540911

#544B09

#542609

Triadic

#542609

#095426

#260954

Split Complementary

#542609

#09544B

#091154

Tetradic

#542609

#115409

#093754

#4B0954

Color Blindness Simulation

Original

#542609

Protanopia

#404010

Deuteranopia

#434612

Tritanopia

#521617

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#F9EAE1
200
#F8D5BF
300
#F3B790
400
#ED8F55
500
#E66819
600
#B85314
700
#934310
800
#73340C
900
#54280D
950
#351A08

Contrast Checker

Text on white

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