#956F35

#956F35

Color Values

HEX

#956F35

RGB

149, 111, 53

HSL

36.2, 47.5%, 39.6%

HSV

36.2, 64.4%, 58.4%

CMYK

0.0%, 25.5%, 64.4%, 41.6%

OKLCH

0.5679 0.0892 75.8

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#956F35

#355B95

Analogous

#953F35

#8B9535

#956F35

Triadic

#956F35

#35956F

#6F3595

Split Complementary

#956F35

#358B95

#3F3595

Tetradic

#956F35

#35953F

#355B95

#95358B

Color Blindness Simulation

Original

#956F35

Protanopia

#858443

Deuteranopia

#878A46

Tritanopia

#934E51

Achromatopsia

#737373

CSS Usage

background-color: #956F35;
color: #956F35;
border-color: #956F35;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A5
400
#CDAA74
500
#BC8C43
600
#967036
700
#785A2B
800
#5E4621
900
#45351C
950
#2C2112

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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