#956F2C

#956F2C

Color Values

HEX

#956F2C

RGB

149, 111, 44

HSL

38.3, 54.4%, 37.8%

HSV

38.3, 70.5%, 58.4%

CMYK

0.0%, 25.5%, 70.5%, 41.6%

OKLCH

0.5669 0.0962 78.6

Properties

Warm Light Nearest: goldenrod 4

Color Harmonies

Complementary

#956F2C

#2C5295

Analogous

#953A2C

#86952C

#956F2C

Triadic

#956F2C

#2C956F

#6F2C95

Split Complementary

#956F2C

#2C8695

#3A2C95

Tetradic

#956F2C

#2C953A

#2C5295

#952C86

Color Blindness Simulation

Original

#956F2C

Protanopia

#85843C

Deuteranopia

#878A40

Tritanopia

#93494C

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EFE1C8
300
#E3CBA1
400
#D4AF6D
500
#C5933A
600
#9D752F
700
#7E5E25
800
#62491D
900
#483719
950
#2E2310

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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