#956B66

#956B66

Color Values

HEX

#956B66

RGB

149, 107, 102

HSL

6.4, 18.7%, 49.2%

HSV

6.4, 31.5%, 58.4%

CMYK

0.0%, 28.2%, 31.5%, 41.6%

OKLCH

0.5693 0.0548 26.6

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#956B66

#669095

Analogous

#956678

#958266

#956B66

Triadic

#956B66

#66956B

#6B6695

Split Complementary

#956B66

#669582

#667895

Tetradic

#956B66

#789566

#669095

#826695

Color Blindness Simulation

Original

#956B66

Protanopia

#838267

Deuteranopia

#858868

Tritanopia

#936868

Achromatopsia

#747474

CSS Usage

background-color: #956B66;
color: #956B66;
border-color: #956B66;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D6D5
300
#CDB9B6
400
#B2938F
500
#976D68
600
#795753
700
#614642
800
#4C3634
900
#392A28
950
#241B19

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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