#542509

#542509

Color Values

HEX

#542509

RGB

84, 37, 9

HSL

22.4, 80.6%, 18.2%

HSV

22.4, 89.3%, 32.9%

CMYK

0.0%, 56.0%, 89.3%, 67.1%

OKLCH

0.3258 0.0797 47.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542509

#093854

Analogous

#540912

#544A09

#542509

Triadic

#542509

#095425

#250954

Split Complementary

#542509

#09544A

#091254

Tetradic

#542509

#125409

#093854

#4A0954

Color Blindness Simulation

Original

#542509

Protanopia

#403F10

Deuteranopia

#424611

Tritanopia

#521516

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#F9EAE1
200
#F8D4BF
300
#F3B590
400
#ED8D55
500
#E66519
600
#B85114
700
#934110
800
#73330C
900
#54280D
950
#351908

Contrast Checker

Text on white

12.76:1

AA Pass AAA Pass

Text on black

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