#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

Fév 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