#997643

#997643

Color Values

HEX

#997643

RGB

153, 118, 67

HSL

35.6, 39.1%, 43.1%

HSV

35.6, 56.2%, 60.0%

CMYK

0.0%, 22.9%, 56.2%, 40.0%

OKLCH

0.5889 0.0811 75.5

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#997643

#436699

Analogous

#994B43

#919943

#997643

Triadic

#997643

#439976

#764399

Split Complementary

#997643

#439199

#4B4399

Tetradic

#997643

#43994B

#436699

#994391

Color Blindness Simulation

Original

#997643

Protanopia

#8A8A4F

Deuteranopia

#8C8E52

Tritanopia

#97595B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DECD
300
#DAC6AA
400
#C6A87C
500
#B1894E
600
#8E6D3E
700
#725832
800
#594427
900
#41341F
950
#292114

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026