#956F45

#956F45

Color Values

HEX

#956F45

RGB

149, 111, 69

HSL

31.5, 36.7%, 42.7%

HSV

31.5, 53.7%, 58.4%

CMYK

0.0%, 25.5%, 53.7%, 41.6%

OKLCH

0.5702 0.0754 68.1

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#956F45

#456B95

Analogous

#954745

#939545

#956F45

Triadic

#956F45

#45956F

#6F4595

Split Complementary

#956F45

#459395

#474595

Tetradic

#956F45

#459547

#456B95

#954593

Color Blindness Simulation

Original

#956F45

Protanopia

#85844F

Deuteranopia

#878A52

Tritanopia

#935759

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DCCE
300
#D8C3AB
400
#C3A27E
500
#AE8251
600
#8B6841
700
#705334
800
#574128
900
#403120
950
#291F14

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026