#97680D

#97680D

Color Values

HEX

#97680D

RGB

151, 104, 13

HSL

39.6, 84.1%, 32.2%

HSV

39.6, 91.4%, 59.2%

CMYK

0.0%, 31.1%, 91.4%, 40.8%

OKLCH

0.5529 0.112 76.5

Properties

Warm Dark Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#97680D

#0D3C97

Analogous

#97230D

#81970D

#97680D

Triadic

#97680D

#0D9768

#680D97

Split Complementary

#97680D

#0D8197

#230D97

Tetradic

#97680D

#0D9723

#0D3C97

#970D81

Color Blindness Simulation

Original

#97680D

Protanopia

#838223

Deuteranopia

#858928

Tritanopia

#953438

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#F9E5BD
300
#F5D28E
400
#F0BA51
500
#EBA214
600
#BC8110
700
#96680D
800
#75510A
900
#553C0C
950
#362607

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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