#954786

#954786

Color Values

HEX

#954786

RGB

149, 71, 134

HSL

311.5, 35.5%, 43.1%

HSV

311.5, 52.3%, 58.4%

CMYK

0.0%, 52.3%, 10.1%, 41.6%

OKLCH

0.5185 0.1318 335.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#954786

#479556

Analogous

#7D4795

#95475F

#954786

Triadic

#954786

#869547

#478695

Split Complementary

#954786

#5F9547

#47957D

Tetradic

#954786

#957D47

#479556

#475F95

Color Blindness Simulation

Original

#954786

Protanopia

#737377

Deuteranopia

#787E73

Tritanopia

#916B68

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F0
200
#E8CFE3
300
#D8ACCF
400
#C27FB5
500
#AD529B
600
#8A427C
700
#6F3563
800
#56294E
900
#40213A
950
#281525

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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