#957486

#957486

Color Values

HEX

#957486

RGB

149, 116, 134

HSL

327.3, 13.5%, 52.0%

HSV

327.3, 22.1%, 58.4%

CMYK

0.0%, 22.1%, 10.1%, 41.6%

OKLCH

0.5968 0.0484 344.7

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#957486

#749583

Analogous

#947495

#957476

#957486

Triadic

#957486

#869574

#748695

Split Complementary

#957486

#769574

#749594

Tetradic

#957486

#959474

#749583

#747695

Color Blindness Simulation

Original

#957486

Protanopia

#878682

Deuteranopia

#898B81

Tritanopia

#937E7D

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DC
300
#CABAC3
400
#AD94A2
500
#916E81
600
#745867
700
#5D4753
800
#483741
900
#362B31
950
#221B1F

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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