#955486

#955486

Color Values

HEX

#955486

RGB

149, 84, 134

HSL

313.8, 27.9%, 45.7%

HSV

313.8, 43.6%, 58.4%

CMYK

0.0%, 43.6%, 10.1%, 41.6%

OKLCH

0.5386 0.1086 336.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#955486

#549563

Analogous

#835495

#955466

#955486

Triadic

#955486

#869554

#548695

Split Complementary

#955486

#669554

#549583

Tetradic

#955486

#958354

#549563

#546695

Color Blindness Simulation

Original

#955486

Protanopia

#79787A

Deuteranopia

#7D8277

Tritanopia

#92706E

Achromatopsia

#656565

CSS Usage

background-color: #955486;
color: #955486;
border-color: #955486;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D1E1
300
#D3B1CB
400
#BB86AF
500
#A35C93
600
#824A75
700
#683B5E
800
#522E49
900
#3D2437
950
#261723

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

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