#953ED5

#953ED5

Color Values

HEX

#953ED5

RGB

149, 62, 213

HSL

274.6, 64.3%, 53.9%

HSV

274.6, 70.9%, 83.5%

CMYK

30.0%, 70.9%, 0.0%, 16.5%

OKLCH

0.5544 0.2215 306.8

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#953ED5

#7ED53E

Analogous

#493ED5

#D53EC9

#953ED5

Triadic

#953ED5

#D5953E

#3ED595

Split Complementary

#953ED5

#C9D53E

#3ED549

Tetradic

#953ED5

#D5493E

#7ED53E

#3EC9D5

Color Blindness Simulation

Original

#953ED5

Protanopia

#6F6FB1

Deuteranopia

#747BA8

Tritanopia

#91948D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #953ED5;
color: #953ED5;
border-color: #953ED5;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F2
300
#C89AE9
400
#AA64DD
500
#8C2ED1
600
#7024A8
700
#5A1D86
800
#461769
900
#35144C
950
#210D30

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026