#9B580E

#9B580E

Color Values

HEX

#9B580E

RGB

155, 88, 14

HSL

31.5, 83.4%, 33.1%

HSV

31.5, 91.0%, 60.8%

CMYK

0.0%, 43.2%, 91.0%, 39.2%

OKLCH

0.5274 0.1179 60.5

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9B580E

#0E519B

Analogous

#9B120E

#979B0E

#9B580E

Triadic

#9B580E

#0E9B58

#580E9B

Split Complementary

#9B580E

#0E979B

#120E9B

Tetradic

#9B580E

#0E9B12

#0E519B

#9B0E97

Color Blindness Simulation

Original

#9B580E

Protanopia

#7E7D20

Deuteranopia

#828724

Tritanopia

#982E31

Achromatopsia

#616161

CSS Usage

background-color: #9B580E;
color: #9B580E;
border-color: #9B580E;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DDBE
300
#F5C48F
400
#EFA552
500
#EA8515
600
#BB6A11
700
#96550E
800
#75420B
900
#55320C
950
#362008

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026