#542703

#542703

Color Values

HEX

#542703

RGB

84, 39, 3

HSL

26.7, 93.1%, 17.1%

HSV

26.7, 96.4%, 32.9%

CMYK

0.0%, 53.6%, 96.4%, 67.1%

OKLCH

0.329 0.0805 52.9

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542703

#033054

Analogous

#540307

#545003

#542703

Triadic

#542703

#035427

#270354

Split Complementary

#542703

#035450

#030754

Tetradic

#542703

#075403

#033054

#500354

Color Blindness Simulation

Original

#542703

Protanopia

#41400C

Deuteranopia

#43460E

Tritanopia

#521314

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD8BA
300
#FBBC89
400
#F89749
500
#F67209
600
#C55C07
700
#9E4906
800
#7B3904
900
#592C08
950
#381C05

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

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