#997B45

#997B45

Color Values

HEX

#997B45

RGB

153, 123, 69

HSL

38.6, 37.8%, 43.5%

HSV

38.6, 54.9%, 60.0%

CMYK

0.0%, 19.6%, 54.9%, 40.0%

OKLCH

0.5996 0.081 80.9

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#997B45

#456399

Analogous

#995145

#8D9945

#997B45

Triadic

#997B45

#45997B

#7B4599

Split Complementary

#997B45

#458D99

#514599

Tetradic

#997B45

#459951

#456399

#99458D

Color Blindness Simulation

Original

#997B45

Protanopia

#8C8C52

Deuteranopia

#8E9055

Tritanopia

#985C5F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #997B45;
color: #997B45;
border-color: #997B45;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9DFCE
300
#D9C8AB
400
#C4AB7D
500
#B08D4F
600
#8D713F
700
#705A33
800
#584728
900
#413520
950
#292214

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass 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