#86471E

#86471E

Color Values

HEX

#86471E

RGB

134, 71, 30

HSL

23.7, 63.4%, 32.2%

HSV

23.7, 77.6%, 52.5%

CMYK

0.0%, 47.0%, 77.6%, 47.5%

OKLCH

0.4678 0.1013 50.7

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#86471E

#1E5D86

Analogous

#861E29

#867B1E

#86471E

Triadic

#86471E

#1E8647

#471E86

Split Complementary

#86471E

#1E867B

#1E2986

Tetradic

#86471E

#29861E

#1E5D86

#7B1E86

Color Blindness Simulation

Original

#86471E

Protanopia

#6B6A28

Deuteranopia

#6E732A

Tritanopia

#833031

Achromatopsia

#515151

CSS Usage

background-color: #86471E;
color: #86471E;
border-color: #86471E;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FBF6F3
100
#F7EBE4
200
#F2D7C5
300
#E9BA9B
400
#DC9465
500
#D06F2F
600
#A75825
700
#85471E
800
#683717
900
#4C2B15
950
#301B0D

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026