#955EC6

#955EC6

Color Values

HEX

#955EC6

RGB

149, 94, 198

HSL

271.7, 47.7%, 57.3%

HSV

271.7, 52.5%, 77.6%

CMYK

24.7%, 52.5%, 0.0%, 22.4%

OKLCH

0.5872 0.1605 306.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#955EC6

#8FC65E

Analogous

#615EC6

#C65EC3

#955EC6

Triadic

#955EC6

#C6955E

#5EC695

Split Complementary

#955EC6

#C3C65E

#5EC661

Tetradic

#955EC6

#C6615E

#8FC65E

#5EC3C6

Color Blindness Simulation

Original

#955EC6

Protanopia

#7D7DAD

Deuteranopia

#8084A7

Tritanopia

#929995

Achromatopsia

#717171

CSS Usage

background-color: #955EC6;
color: #955EC6;
border-color: #955EC6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCAEC
300
#C3A5DF
400
#A374CE
500
#8343BC
600
#693597
700
#542B79
800
#41215E
900
#321C45
950
#1F112C

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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