#9550CE

#9550CE

Color Values

HEX

#9550CE

RGB

149, 80, 206

HSL

272.9, 56.2%, 56.1%

HSV

272.9, 61.2%, 80.8%

CMYK

27.7%, 61.2%, 0.0%, 19.2%

OKLCH

0.5716 0.1908 306.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#9550CE

#89CE50

Analogous

#5650CE

#CE50C8

#9550CE

Triadic

#9550CE

#CE9550

#50CE95

Split Complementary

#9550CE

#C8CE50

#50CE56

Tetradic

#9550CE

#CE5650

#89CE50

#50C8CE

Color Blindness Simulation

Original

#9550CE

Protanopia

#7777B0

Deuteranopia

#7B80A8

Tritanopia

#929792

Achromatopsia

#686868

CSS Usage

background-color: #9550CE;
color: #9550CE;
border-color: #9550CE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C59FE4
400
#A66CD6
500
#8638C7
600
#6C2D9F
700
#56247F
800
#431C64
900
#331849
950
#200F2E

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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