#97600B

#97600B

Color Values

HEX

#97600B

RGB

151, 96, 11

HSL

36.4, 86.4%, 31.8%

HSV

36.4, 92.7%, 59.2%

CMYK

0.0%, 36.4%, 92.7%, 40.8%

OKLCH

0.5369 0.113 69.7

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#97600B

#0B4297

Analogous

#971A0B

#88970B

#97600B

Triadic

#97600B

#0B9760

#600B97

Split Complementary

#97600B

#0B8897

#1A0B97

Tetradic

#97600B

#0B971A

#0B4297

#970B88

Color Blindness Simulation

Original

#97600B

Protanopia

#7F7F20

Deuteranopia

#828624

Tritanopia

#943033

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE2BC
300
#F7CD8D
400
#F2B24F
500
#EE9711
600
#BE790E
700
#98610B
800
#774C09
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

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