#84450C

#84450C

Color Values

HEX

#84450C

RGB

132, 69, 12

HSL

28.5, 83.3%, 28.2%

HSV

28.5, 90.9%, 51.8%

CMYK

0.0%, 47.7%, 90.9%, 48.2%

OKLCH

0.4598 0.1071 55.5

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#84450C

#0C4B84

Analogous

#840C0F

#84810C

#84450C

Triadic

#84450C

#0C8445

#450C84

Split Complementary

#84450C

#0C8481

#0C0F84

Tetradic

#84450C

#0F840C

#0C4B84

#810C84

Color Blindness Simulation

Original

#84450C

Protanopia

#69681A

Deuteranopia

#6C711D

Tritanopia

#812527

Achromatopsia

#4E4E4E

CSS Usage

background-color: #84450C;
color: #84450C;
border-color: #84450C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DABE
300
#F5BF8F
400
#EF9D52
500
#EA7A15
600
#BB6211
700
#964E0E
800
#753D0B
900
#552F0C
950
#361D08

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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