#933AD5

#933AD5

Color Values

HEX

#933AD5

RGB

147, 58, 213

HSL

274.5, 64.9%, 53.1%

HSV

274.5, 72.8%, 83.5%

CMYK

31.0%, 72.8%, 0.0%, 16.5%

OKLCH

0.5478 0.2255 306.4

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#933AD5

#7CD53A

Analogous

#453AD5

#D53AC9

#933AD5

Triadic

#933AD5

#D5933A

#3AD593

Split Complementary

#933AD5

#C9D53A

#3AD545

Tetradic

#933AD5

#D5453A

#7CD53A

#3AC9D5

Color Blindness Simulation

Original

#933AD5

Protanopia

#6C6CB0

Deuteranopia

#7278A6

Tritanopia

#8F928B

Achromatopsia

#585858

CSS Usage

background-color: #933AD5;
color: #933AD5;
border-color: #933AD5;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F2
300
#C89AEA
400
#AA63DE
500
#8C2DD2
600
#7024A8
700
#5A1D87
800
#461669
900
#35144D
950
#210D30

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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