#957686

#957686

Color Values

HEX

#957686

RGB

149, 118, 134

HSL

329.0, 12.8%, 52.4%

HSV

329.0, 20.8%, 58.4%

CMYK

0.0%, 20.8%, 10.1%, 41.6%

OKLCH

0.6007 0.0447 346.1

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#957686

#769585

Analogous

#957695

#957677

#957686

Triadic

#957686

#869576

#768695

Split Complementary

#957686

#779576

#769595

Tetradic

#957686

#959576

#769585

#767795

Color Blindness Simulation

Original

#957686

Protanopia

#888782

Deuteranopia

#898C81

Tritanopia

#937F7E

Achromatopsia

#7E7E7E

CSS Usage

background-color: #957686;
color: #957686;
border-color: #957686;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DB
300
#CABAC2
400
#AD95A1
500
#906F80
600
#735966
700
#5C4752
800
#483840
900
#362B31
950
#221B1F

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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