#965F49

#965F49

Color Values

HEX

#965F49

RGB

150, 95, 73

HSL

17.1, 34.5%, 43.7%

HSV

17.1, 51.3%, 58.8%

CMYK

0.0%, 36.7%, 51.3%, 41.2%

OKLCH

0.5406 0.0796 42.5

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#965F49

#498096

Analogous

#96495A

#968549

#965F49

Triadic

#965F49

#49965F

#5F4996

Split Complementary

#965F49

#499685

#495A96

Tetradic

#965F49

#5A9649

#498096

#854996

Color Blindness Simulation

Original

#965F49

Protanopia

#7E7E4E

Deuteranopia

#818650

Tritanopia

#935353

Achromatopsia

#696969

CSS Usage

background-color: #965F49;
color: #965F49;
border-color: #965F49;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E8D6CF
300
#D7B9AD
400
#C19380
500
#AB6D54
600
#895743
700
#6E4535
800
#56362A
900
#3F2A21
950
#281B15

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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