#9B6623

#9B6623

Color Values

HEX

#9B6623

RGB

155, 102, 35

HSL

33.5, 63.2%, 37.3%

HSV

33.5, 77.4%, 60.8%

CMYK

0.0%, 34.2%, 77.4%, 39.2%

OKLCH

0.5552 0.1053 68.2

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#9B6623

#23589B

Analogous

#9B2A23

#949B23

#9B6623

Triadic

#9B6623

#239B66

#66239B

Split Complementary

#9B6623

#23949B

#2A239B

Tetradic

#9B6623

#239B2A

#23589B

#9B2394

Color Blindness Simulation

Original

#9B6623

Protanopia

#848433

Deuteranopia

#878B37

Tritanopia

#984043

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DEC5
300
#E8C69B
400
#DCA865
500
#D0892F
600
#A66E26
700
#85581E
800
#684417
900
#4C3415
950
#30210D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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