#996C3F

#996C3F

Color Values

HEX

#996C3F

RGB

153, 108, 63

HSL

30.0, 41.7%, 42.4%

HSV

30.0, 58.8%, 60.0%

CMYK

0.0%, 29.4%, 58.8%, 40.0%

OKLCH

0.5679 0.0838 64.7

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#996C3F

#3F6C99

Analogous

#993F3F

#99993F

#996C3F

Triadic

#996C3F

#3F996C

#6C3F99

Split Complementary

#996C3F

#3F9999

#3F3F99

Tetradic

#996C3F

#3F993F

#3F6C99

#993F99

Color Blindness Simulation

Original

#996C3F

Protanopia

#86854A

Deuteranopia

#888C4C

Tritanopia

#975254

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCC
300
#DBC2A8
400
#C8A179
500
#B5804A
600
#91663B
700
#745230
800
#5A4025
900
#43301E
950
#2A1F13

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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