#96884B

#96884B

Color Values

HEX

#96884B

RGB

150, 136, 75

HSL

48.8, 33.3%, 44.1%

HSV

48.8, 50.0%, 58.8%

CMYK

0.0%, 9.3%, 50.0%, 41.2%

OKLCH

0.6255 0.0829 96.8

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#96884B

#4B5996

Analogous

#96624B

#7E964B

#96884B

Triadic

#96884B

#4B9688

#884B96

Split Complementary

#96884B

#4B7E96

#624B96

Tetradic

#96884B

#4B9662

#4B5996

#964B7E

Color Blindness Simulation

Original

#96884B

Protanopia

#90905A

Deuteranopia

#91925D

Tritanopia

#956568

Achromatopsia

#878787

CSS Usage

background-color: #96884B;
color: #96884B;
border-color: #96884B;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAF9F5
100
#F2F0E8
200
#E7E3CF
300
#D6CFAD
400
#C0B481
500
#AA9A55
600
#887B44
700
#6D6336
800
#554D2B
900
#3F3A22
950
#282415

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026