#9B7549

#9B7549

Color Values

HEX

#9B7549

RGB

155, 117, 73

HSL

32.2, 36.0%, 44.7%

HSV

32.2, 52.9%, 60.8%

CMYK

0.0%, 24.5%, 52.9%, 39.2%

OKLCH

0.59 0.0768 69.5

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#9B7549

#496F9B

Analogous

#9B4C49

#989B49

#9B7549

Triadic

#9B7549

#499B75

#75499B

Split Complementary

#9B7549

#49989B

#4C499B

Tetradic

#9B7549

#499B4C

#496F9B

#9B4998

Color Blindness Simulation

Original

#9B7549

Protanopia

#8B8A54

Deuteranopia

#8D9056

Tritanopia

#995C5E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DCCE
300
#D8C3AC
400
#C3A37F
500
#AD8352
600
#8B6941
700
#6F5434
800
#574129
900
#403221
950
#291F15

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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