#996B3F

#996B3F

Color Values

HEX

#996B3F

RGB

153, 107, 63

HSL

29.3, 41.7%, 42.4%

HSV

29.3, 58.8%, 60.0%

CMYK

0.0%, 30.1%, 58.8%, 40.0%

OKLCH

0.5659 0.084 63.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#996B3F

#3F6D99

Analogous

#993F40

#99983F

#996B3F

Triadic

#996B3F

#3F996B

#6B3F99

Split Complementary

#996B3F

#3F9998

#3F4099

Tetradic

#996B3F

#40993F

#3F6D99

#983F99

Color Blindness Simulation

Original

#996B3F

Protanopia

#85854A

Deuteranopia

#888B4C

Tritanopia

#975254

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCC
300
#DBC1A8
400
#C8A079
500
#B57E4A
600
#91653B
700
#745130
800
#5A3F25
900
#43301E
950
#2A1E13

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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