#955BD0

#955BD0

Color Values

HEX

#955BD0

RGB

149, 91, 208

HSL

269.7, 55.5%, 58.6%

HSV

269.7, 56.2%, 81.6%

CMYK

28.4%, 56.2%, 0.0%, 18.4%

OKLCH

0.5886 0.1769 304.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#955BD0

#96D05B

Analogous

#5B5BD0

#CF5BD0

#955BD0

Triadic

#955BD0

#D0955B

#5BD095

Split Complementary

#955BD0

#D0CF5B

#5BD05B

Tetradic

#955BD0

#D05B5B

#96D05B

#5BD0CF

Color Blindness Simulation

Original

#955BD0

Protanopia

#7C7BB4

Deuteranopia

#7F84AD

Tritanopia

#929D98

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC7EF
300
#C1A0E4
400
#A06CD5
500
#7F39C6
600
#652D9F
700
#51247F
800
#3F1C63
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

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