#9B5618

#9B5618

Color Values

HEX

#9B5618

RGB

155, 86, 24

HSL

28.4, 73.2%, 35.1%

HSV

28.4, 84.5%, 60.8%

CMYK

0.0%, 44.5%, 84.5%, 39.2%

OKLCH

0.5243 0.1158 56.9

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9B5618

#185D9B

Analogous

#9B181B

#9B9818

#9B5618

Triadic

#9B5618

#189B56

#56189B

Split Complementary

#9B5618

#189B98

#181B9B

Tetradic

#9B5618

#1B9B18

#185D9B

#98189B

Color Blindness Simulation

Original

#9B5618

Protanopia

#7D7D27

Deuteranopia

#81862B

Tritanopia

#983335

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DAC1
300
#EFBF95
400
#E69D5C
500
#DD7B22
600
#B1621B
700
#8D4E16
800
#6E3D11
900
#502F11
950
#331E0A

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail 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