#9A40EC

#9A40EC

Color Values

HEX

#9A40EC

RGB

154, 64, 236

HSL

271.4, 81.9%, 58.8%

HSV

271.4, 72.9%, 92.5%

CMYK

34.7%, 72.9%, 0.0%, 7.5%

OKLCH

0.5795 0.243 303.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#9A40EC

#92EC40

Analogous

#4440EC

#EC40E8

#9A40EC

Triadic

#9A40EC

#EC9A40

#40EC9A

Split Complementary

#9A40EC

#E8EC40

#40EC44

Tetradic

#9A40EC

#EC4440

#92EC40

#40E8EC

Color Blindness Simulation

Original

#9A40EC

Protanopia

#7372C2

Deuteranopia

#787FB8

Tritanopia

#95A19A

Achromatopsia

#606060

CSS Usage

background-color: #9A40EC;
color: #9A40EC;
border-color: #9A40EC;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C490F4
400
#A453EE
500
#8417E8
600
#6A12BA
700
#550F94
800
#420C74
900
#320D54
950
#200835

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

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