#9B5314

#9B5314

Color Values

HEX

#9B5314

RGB

155, 83, 20

HSL

28.0, 77.1%, 34.3%

HSV

28.0, 87.1%, 60.8%

CMYK

0.0%, 46.5%, 87.1%, 39.2%

OKLCH

0.5188 0.1188 55.4

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9B5314

#145C9B

Analogous

#9B1419

#9B9614

#9B5314

Triadic

#9B5314

#149B53

#53149B

Split Complementary

#9B5314

#149B96

#14199B

Tetradic

#9B5314

#199B14

#145C9B

#96149B

Color Blindness Simulation

Original

#9B5314

Protanopia

#7C7B23

Deuteranopia

#808527

Tritanopia

#972F32

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9C0
300
#F1BF93
400
#E99C58
500
#E2791D
600
#B56117
700
#914D13
800
#713C0F
900
#522E0F
950
#341D09

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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