#97580D

#97580D

Color Values

HEX

#97580D

RGB

151, 88, 13

HSL

32.6, 84.1%, 32.2%

HSV

32.6, 91.4%, 59.2%

CMYK

0.0%, 41.7%, 91.4%, 40.8%

OKLCH

0.5218 0.1147 62.5

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#97580D

#0D4C97

Analogous

#97130D

#91970D

#97580D

Triadic

#97580D

#0D9758

#580D97

Split Complementary

#97580D

#0D9197

#130D97

Tetradic

#97580D

#0D9713

#0D4C97

#970D91

Color Blindness Simulation

Original

#97580D

Protanopia

#7C7B1F

Deuteranopia

#7F8424

Tritanopia

#942D31

Achromatopsia

#606060

CSS Usage

background-color: #97580D;
color: #97580D;
border-color: #97580D;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DEBD
300
#F5C68E
400
#F0A851
500
#EB8914
600
#BC6D10
700
#96580D
800
#75440A
900
#55340C
950
#362107

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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