#996B48

#996B48

Color Values

HEX

#996B48

RGB

153, 107, 72

HSL

25.9, 36.0%, 44.1%

HSV

25.9, 52.9%, 60.0%

CMYK

0.0%, 30.1%, 52.9%, 40.0%

OKLCH

0.5673 0.0769 57.7

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#996B48

#487699

Analogous

#99484E

#999348

#996B48

Triadic

#996B48

#48996B

#6B4899

Split Complementary

#996B48

#489993

#484E99

Tetradic

#996B48

#4E9948

#487699

#934899

Color Blindness Simulation

Original

#996B48

Protanopia

#858550

Deuteranopia

#888B52

Tritanopia

#975759

Achromatopsia

#727272

CSS Usage

background-color: #996B48;
color: #996B48;
border-color: #996B48;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8DACE
300
#D8BFAC
400
#C39C7F
500
#AD7952
600
#8B6141
700
#6F4E34
800
#573D29
900
#402E21
950
#291D15

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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