#997254

#997254

Color Values

HEX

#997254

RGB

153, 114, 84

HSL

26.1, 29.1%, 46.5%

HSV

26.1, 45.1%, 60.0%

CMYK

0.0%, 25.5%, 45.1%, 40.0%

OKLCH

0.5836 0.0655 58.6

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#997254

#547B99

Analogous

#995459

#999554

#997254

Triadic

#997254

#549972

#725499

Split Complementary

#997254

#549995

#545999

Tetradic

#997254

#599954

#547B99

#955499

Color Blindness Simulation

Original

#997254

Protanopia

#88885B

Deuteranopia

#8A8D5D

Tritanopia

#976162

Achromatopsia

#787878

CSS Usage

background-color: #997254;
color: #997254;
border-color: #997254;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DAD1
300
#D4BFB0
400
#BC9D85
500
#A57B5A
600
#846248
700
#694F3A
800
#523D2D
900
#3D2F24
950
#271E17

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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