#956F6C

#956F6C

Color Values

HEX

#956F6C

RGB

149, 111, 108

HSL

4.4, 16.2%, 50.4%

HSV

4.4, 27.5%, 58.4%

CMYK

0.0%, 25.5%, 27.5%, 41.6%

OKLCH

0.5788 0.0488 23.8

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#956F6C

#6C9295

Analogous

#956C7E

#95846C

#956F6C

Triadic

#956F6C

#6C956F

#6F6C95

Split Complementary

#956F6C

#6C9584

#6C7E95

Tetradic

#956F6C

#7E956C

#6C9295

#846C95

Color Blindness Simulation

Original

#956F6C

Protanopia

#85846D

Deuteranopia

#878A6D

Tritanopia

#936D6D

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D6
300
#CCB9B8
400
#B09491
500
#946E6B
600
#775855
700
#5F4644
800
#4A3735
900
#382A29
950
#231B1A

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass 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