#97822C

#97822C

Color Values

HEX

#97822C

RGB

151, 130, 44

HSL

48.2, 54.9%, 38.2%

HSV

48.2, 70.9%, 59.2%

CMYK

0.0%, 13.9%, 70.9%, 40.8%

OKLCH

0.6097 0.1066 95.2

Properties

Warm Light Nearest: gold 4

Color Harmonies

Complementary

#97822C

#2C4197

Analogous

#974C2C

#76972C

#97822C

Triadic

#97822C

#2C9782

#822C97

Split Complementary

#97822C

#2C7697

#4C2C97

Tetradic

#97822C

#2C974C

#2C4197

#972C76

Color Blindness Simulation

Original

#97822C

Protanopia

#8E8E41

Deuteranopia

#8F9146

Tritanopia

#965155

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F2E5
200
#EFE7C8
300
#E3D6A0
400
#D4C06D
500
#C5AA3A
600
#9E882E
700
#7E6D25
800
#63551D
900
#483F19
950
#2E280F

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026