#9B580C

#9B580C

Color Values

HEX

#9B580C

RGB

155, 88, 12

HSL

31.9, 85.6%, 32.7%

HSV

31.9, 92.3%, 60.8%

CMYK

0.0%, 43.2%, 92.3%, 39.2%

OKLCH

0.5273 0.1184 60.8

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#9B580C

#0C4F9B

Analogous

#9B110C

#969B0C

#9B580C

Triadic

#9B580C

#0C9B58

#580C9B

Split Complementary

#9B580C

#0C969B

#110C9B

Tetradic

#9B580C

#0C9B11

#0C4F9B

#9B0C96

Color Blindness Simulation

Original

#9B580C

Protanopia

#7E7D1E

Deuteranopia

#828723

Tritanopia

#982D30

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADDBD
300
#F6C58D
400
#F1A650
500
#ED8612
600
#BD6C0F
700
#97560C
800
#764309
900
#56330B
950
#362007

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026