#8B662F

#8B662F

Color Values

HEX

#8B662F

RGB

139, 102, 47

HSL

35.9, 49.5%, 36.5%

HSV

35.9, 66.2%, 54.5%

CMYK

0.0%, 26.6%, 66.2%, 45.5%

OKLCH

0.5369 0.0861 74.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8B662F

#2F548B

Analogous

#8B382F

#828B2F

#8B662F

Triadic

#8B662F

#2F8B66

#662F8B

Split Complementary

#8B662F

#2F828B

#382F8B

Tetradic

#8B662F

#2F8B38

#2F548B

#8B2F82

Color Blindness Simulation

Original

#8B662F

Protanopia

#7B7B3C

Deuteranopia

#7D8040

Tritanopia

#894749

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFCA
300
#E0C8A4
400
#CFAA72
500
#BF8C40
600
#987034
700
#7A5A29
800
#5F4620
900
#46351B
950
#2C2111

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026