#9B6540

#9B6540

Color Values

HEX

#9B6540

RGB

155, 101, 64

HSL

24.4, 41.6%, 42.9%

HSV

24.4, 58.7%, 60.8%

CMYK

0.0%, 34.8%, 58.7%, 39.2%

OKLCH

0.5567 0.087 54.4

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#9B6540

#40769B

Analogous

#9B4048

#9B9240

#9B6540

Triadic

#9B6540

#409B65

#65409B

Split Complementary

#9B6540

#409B92

#40489B

Tetradic

#9B6540

#489B40

#40769B

#92409B

Color Blindness Simulation

Original

#9B6540

Protanopia

#848349

Deuteranopia

#878B4B

Tritanopia

#985052

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CC
300
#DBBDA8
400
#C89979
500
#B5764A
600
#905E3C
700
#744B30
800
#5A3B25
900
#432D1E
950
#2A1C13

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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