#96734B

#96734B

Color Values

HEX

#96734B

RGB

150, 115, 75

HSL

32.0, 33.3%, 44.1%

HSV

32.0, 50.0%, 58.8%

CMYK

0.0%, 23.3%, 50.0%, 41.2%

OKLCH

0.5806 0.0709 69.4

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#96734B

#4B6E96

Analogous

#964E4B

#93964B

#96734B

Triadic

#96734B

#4B9673

#734B96

Split Complementary

#96734B

#4B9396

#4E4B96

Tetradic

#96734B

#4B964E

#4B6E96

#964B93

Color Blindness Simulation

Original

#96734B

Protanopia

#878755

Deuteranopia

#898C57

Tritanopia

#945C5E

Achromatopsia

#787878

CSS Usage

background-color: #96734B;
color: #96734B;
border-color: #96734B;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E7DCCF
300
#D6C3AD
400
#C0A381
500
#AA8255
600
#886844
700
#6D5336
800
#55412B
900
#3F3122
950
#281F15

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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