#97660D

#97660D

Color Values

HEX

#97660D

RGB

151, 102, 13

HSL

38.7, 84.1%, 32.2%

HSV

38.7, 91.4%, 59.2%

CMYK

0.0%, 32.5%, 91.4%, 40.8%

OKLCH

0.5489 0.112 74.7

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#97660D

#0D3E97

Analogous

#97210D

#83970D

#97660D

Triadic

#97660D

#0D9766

#660D97

Split Complementary

#97660D

#0D8397

#210D97

Tetradic

#97660D

#0D9721

#0D3E97

#970D83

Color Blindness Simulation

Original

#97660D

Protanopia

#828123

Deuteranopia

#858828

Tritanopia

#953437

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#F9E4BD
300
#F5D18E
400
#F0B851
500
#EB9F14
600
#BC7F10
700
#96660D
800
#754F0A
900
#553B0C
950
#362507

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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