#997354

#997354

Color Values

HEX

#997354

RGB

153, 115, 84

HSL

27.0, 29.1%, 46.5%

HSV

27.0, 45.1%, 60.0%

CMYK

0.0%, 24.8%, 45.1%, 40.0%

OKLCH

0.5857 0.0653 60.2

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#997354

#547A99

Analogous

#995458

#999654

#997354

Triadic

#997354

#549973

#735499

Split Complementary

#997354

#549996

#545899

Tetradic

#997354

#589954

#547A99

#965499

Color Blindness Simulation

Original

#997354

Protanopia

#89885B

Deuteranopia

#8B8E5D

Tritanopia

#976163

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DAD1
300
#D4C0B0
400
#BC9E85
500
#A57C5A
600
#846348
700
#694F3A
800
#523E2D
900
#3D2F24
950
#271E17

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

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