#9B6C38

#9B6C38

Color Values

HEX

#9B6C38

RGB

155, 108, 56

HSL

31.5, 46.9%, 41.4%

HSV

31.5, 63.9%, 60.8%

CMYK

0.0%, 30.3%, 63.9%, 39.2%

OKLCH

0.5693 0.0909 66.9

Properties

Warm Light Nearest: tan 4

Color Harmonies

Complementary

#9B6C38

#38679B

Analogous

#9B3B38

#999B38

#9B6C38

Triadic

#9B6C38

#389B6C

#6C389B

Split Complementary

#9B6C38

#38999B

#3B389B

Tetradic

#9B6C38

#389B3B

#38679B

#9B3899

Color Blindness Simulation

Original

#9B6C38

Protanopia

#878645

Deuteranopia

#898D48

Tritanopia

#994F51

Achromatopsia

#727272

CSS Usage

background-color: #9B6C38;
color: #9B6C38;
border-color: #9B6C38;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCB
300
#DFC3A5
400
#CDA374
500
#BB8244
600
#966836
700
#78542B
800
#5E4122
900
#45311C
950
#2C1F12

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026