#935EC2

#935EC2

Color Values

HEX

#935EC2

RGB

147, 94, 194

HSL

271.8, 45.0%, 56.5%

HSV

271.8, 51.5%, 76.1%

CMYK

24.2%, 51.5%, 0.0%, 23.9%

OKLCH

0.5827 0.1551 306.7

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#935EC2

#8DC25E

Analogous

#615EC2

#C25EBF

#935EC2

Triadic

#935EC2

#C2935E

#5EC293

Split Complementary

#935EC2

#BFC25E

#5EC261

Tetradic

#935EC2

#C2615E

#8DC25E

#5EBFC2

Color Blindness Simulation

Original

#935EC2

Protanopia

#7C7CAA

Deuteranopia

#7F83A4

Tritanopia

#909792

Achromatopsia

#707070

CSS Usage

background-color: #935EC2;
color: #935EC2;
border-color: #935EC2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCBEB
300
#C3A6DD
400
#A376CB
500
#8346B9
600
#693894
700
#542D76
800
#41235C
900
#321D44
950
#1F122B

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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