#966C71

#966C71

Color Values

HEX

#966C71

RGB

150, 108, 113

HSL

352.9, 16.7%, 50.6%

HSV

352.9, 28.0%, 58.8%

CMYK

0.0%, 28.0%, 24.7%, 41.2%

OKLCH

0.5755 0.0541 11.0

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#966C71

#6C9691

Analogous

#966C86

#967C6C

#966C71

Triadic

#966C71

#71966C

#6C7196

Split Complementary

#966C71

#6C967C

#6C8696

Tetradic

#966C71

#86966C

#6C9691

#7C6C96

Color Blindness Simulation

Original

#966C71

Protanopia

#848370

Deuteranopia

#868970

Tritanopia

#946F6F

Achromatopsia

#757575

CSS Usage

background-color: #966C71;
color: #966C71;
border-color: #966C71;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F6F7
100
#F0EBEB
200
#E1D5D7
300
#CCB8BA
400
#B09195
500
#956A6F
600
#775559
700
#5F4447
800
#4A3538
900
#38292B
950
#231A1B

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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