#8F682E

#8F682E

Color Values

HEX

#8F682E

RGB

143, 104, 46

HSL

35.9, 51.3%, 37.1%

HSV

35.9, 67.8%, 56.1%

CMYK

0.0%, 27.3%, 67.8%, 43.9%

OKLCH

0.5456 0.0898 74.6

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8F682E

#2E558F

Analogous

#8F382E

#868F2E

#8F682E

Triadic

#8F682E

#2E8F68

#682E8F

Split Complementary

#8F682E

#2E868F

#382E8F

Tetradic

#8F682E

#2E8F38

#2E558F

#8F2E86

Color Blindness Simulation

Original

#8F682E

Protanopia

#7E7E3C

Deuteranopia

#80833F

Tritanopia

#8D474A

Achromatopsia

#6C6C6C

CSS Usage

background-color: #8F682E;
color: #8F682E;
border-color: #8F682E;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC9
300
#E1C8A2
400
#D1AA70
500
#C18C3E
600
#9A7032
700
#7B5A28
800
#60461F
900
#47351A
950
#2D2110

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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