#542809

#542809

Color Values

HEX

#542809

RGB

84, 40, 9

HSL

24.8, 80.6%, 18.2%

HSV

24.8, 89.3%, 32.9%

CMYK

0.0%, 52.4%, 89.3%, 67.1%

OKLCH

0.3314 0.0772 51.1

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#542809

#093554

Analogous

#54090F

#544D09

#542809

Triadic

#542809

#095428

#280954

Split Complementary

#542809

#09544D

#090F54

Tetradic

#542809

#0F5409

#093554

#4D0954

Color Blindness Simulation

Original

#542809

Protanopia

#414110

Deuteranopia

#444712

Tritanopia

#521618

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#F9EBE1
200
#F8D6BF
300
#F3B990
400
#ED9355
500
#E66E19
600
#B85814
700
#934610
800
#73370C
900
#542A0D
950
#351B08

Contrast Checker

Text on white

12.47:1

AA Pass AAA Pass

Text on black

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