#96501D

#96501D

Color Values

HEX

#96501D

RGB

150, 80, 29

HSL

25.3, 67.6%, 35.1%

HSV

25.3, 80.7%, 58.8%

CMYK

0.0%, 46.7%, 80.7%, 41.2%

OKLCH

0.5069 0.1125 52.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#96501D

#1D6396

Analogous

#961D26

#968D1D

#96501D

Triadic

#96501D

#1D9650

#501D96

Split Complementary

#96501D

#1D968D

#1D2696

Tetradic

#96501D

#26961D

#1D6396

#8D1D96

Color Blindness Simulation

Original

#96501D

Protanopia

#787729

Deuteranopia

#7C812C

Tritanopia

#923335

Achromatopsia

#5B5B5B

CSS Usage

background-color: #96501D;
color: #96501D;
border-color: #96501D;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3D8C3
300
#EBBB98
400
#E09761
500
#D67229
600
#AB5B21
700
#89491A
800
#6B3915
900
#4E2C13
950
#311C0C

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail 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