#905EC2

#905EC2

Color Values

HEX

#905EC2

RGB

144, 94, 194

HSL

270.0, 45.0%, 56.5%

HSV

270.0, 51.5%, 76.1%

CMYK

25.8%, 51.5%, 0.0%, 23.9%

OKLCH

0.5795 0.1543 305.2

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#905EC2

#90C25E

Analogous

#5E5EC2

#C25EC2

#905EC2

Triadic

#905EC2

#C2905E

#5EC290

Split Complementary

#905EC2

#C2C25E

#5EC25E

Tetradic

#905EC2

#C25E5E

#90C25E

#5EC2C2

Color Blindness Simulation

Original

#905EC2

Protanopia

#7A7AAA

Deuteranopia

#7D81A4

Tritanopia

#8D9792

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCBEB
300
#C2A6DD
400
#A176CB
500
#8046B9
600
#663894
700
#522D76
800
#40235C
900
#301D44
950
#1F122B

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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