#85420C

#85420C

Color Values

HEX

#85420C

RGB

133, 66, 12

HSL

26.8, 83.4%, 28.4%

HSV

26.8, 91.0%, 52.2%

CMYK

0.0%, 50.4%, 91.0%, 47.8%

OKLCH

0.4561 0.1101 52.5

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#85420C

#0C4F85

Analogous

#850C12

#857E0C

#85420C

Triadic

#85420C

#0C8542

#420C85

Split Complementary

#85420C

#0C857E

#0C1285

Tetradic

#85420C

#12850C

#0C4F85

#7E0C85

Color Blindness Simulation

Original

#85420C

Protanopia

#686719

Deuteranopia

#6C711C

Tritanopia

#822326

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#F9D8BE
300
#F5BC8F
400
#EF9852
500
#EA7415
600
#BB5D11
700
#964A0E
800
#753A0B
900
#552D0C
950
#361C08

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

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