#9E4FD8

#9E4FD8

Color Values

HEX

#9E4FD8

RGB

158, 79, 216

HSL

274.6, 63.7%, 57.8%

HSV

274.6, 63.4%, 84.7%

CMYK

26.9%, 63.4%, 0.0%, 15.3%

OKLCH

0.5872 0.2055 307.8

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9E4FD8

#89D84F

Analogous

#594FD8

#D84FCD

#9E4FD8

Triadic

#9E4FD8

#D89E4F

#4FD89E

Split Complementary

#9E4FD8

#CDD84F

#4FD859

Tetradic

#9E4FD8

#D8594F

#89D84F

#4FCDD8

Color Blindness Simulation

Original

#9E4FD8

Protanopia

#7C7BB7

Deuteranopia

#8086AF

Tritanopia

#9A9D97

Achromatopsia

#6A6A6A

CSS Usage

background-color: #9E4FD8;
color: #9E4FD8;
border-color: #9E4FD8;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FB
100
#EFE3F7
200
#DFC5F2
300
#C89BE9
400
#AA65DD
500
#8C2ED1
600
#7025A7
700
#5A1E86
800
#461768
900
#35154C
950
#210D30

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

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