#84400C

#84400C

Color Values

HEX

#84400C

RGB

132, 64, 12

HSL

26.0, 83.3%, 28.2%

HSV

26.0, 90.9%, 51.8%

CMYK

0.0%, 51.5%, 90.9%, 48.2%

OKLCH

0.4511 0.1104 51.3

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#84400C

#0C5084

Analogous

#840C14

#847C0C

#84400C

Triadic

#84400C

#0C8440

#400C84

Split Complementary

#84400C

#0C847C

#0C1484

Tetradic

#84400C

#14840C

#0C5084

#7C0C84

Color Blindness Simulation

Original

#84400C

Protanopia

#676619

Deuteranopia

#6A701C

Tritanopia

#812325

Achromatopsia

#4B4B4B

CSS Usage

background-color: #84400C;
color: #84400C;
border-color: #84400C;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FDF7F2
100
#FAEBE1
200
#F9D7BE
300
#F5BB8F
400
#EF9652
500
#EA7115
600
#BB5B11
700
#96490E
800
#75390B
900
#552C0C
950
#361C08

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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