#97600C

#97600C

Color Values

HEX

#97600C

RGB

151, 96, 12

HSL

36.3, 85.3%, 32.0%

HSV

36.3, 92.1%, 59.2%

CMYK

0.0%, 36.4%, 92.1%, 40.8%

OKLCH

0.537 0.1127 69.5

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#97600C

#0C4397

Analogous

#971B0C

#89970C

#97600C

Triadic

#97600C

#0C9760

#600C97

Split Complementary

#97600C

#0C8997

#1B0C97

Tetradic

#97600C

#0C971B

#0C4397

#970C89

Color Blindness Simulation

Original

#97600C

Protanopia

#7F7F20

Deuteranopia

#828625

Tritanopia

#943034

Achromatopsia

#666666

CSS Usage

background-color: #97600C;
color: #97600C;
border-color: #97600C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE2BD
300
#F6CD8E
400
#F1B250
500
#EC9613
600
#BD780F
700
#97600C
800
#764B09
900
#56380B
950
#362407

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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