#86533F

#86533F

Color Values

HEX

#86533F

RGB

134, 83, 63

HSL

16.9, 36.0%, 38.6%

HSV

16.9, 53.0%, 52.5%

CMYK

0.0%, 38.1%, 53.0%, 47.5%

OKLCH

0.495 0.0752 42.1

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#86533F

#3F7286

Analogous

#863F4E

#86763F

#86533F

Triadic

#86533F

#3F8653

#533F86

Split Complementary

#86533F

#3F8676

#3F4E86

Tetradic

#86533F

#4E863F

#3F7286

#763F86

Color Blindness Simulation

Original

#86533F

Protanopia

#706F44

Deuteranopia

#737745

Tritanopia

#834848

Achromatopsia

#5C5C5C

CSS Usage

background-color: #86533F;
color: #86533F;
border-color: #86533F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F5
100
#F3EBE8
200
#E8D6CE
300
#D8B8AC
400
#C3927F
500
#AD6B52
600
#8B5641
700
#6F4534
800
#573629
900
#402A21
950
#291A15

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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