#9E6FD5

#9E6FD5

Color Values

HEX

#9E6FD5

RGB

158, 111, 213

HSL

267.6, 54.8%, 63.5%

HSV

267.6, 47.9%, 83.5%

CMYK

25.8%, 47.9%, 0.0%, 16.5%

OKLCH

0.6325 0.154 303.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9E6FD5

#A6D56F

Analogous

#6F73D5

#D16FD5

#9E6FD5

Triadic

#9E6FD5

#D59E6F

#6FD59E

Split Complementary

#9E6FD5

#D5D16F

#73D56F

Tetradic

#9E6FD5

#D56F73

#A6D56F

#6FD5D1

Color Blindness Simulation

Original

#9E6FD5

Protanopia

#8A89BC

Deuteranopia

#8C90B6

Tritanopia

#9CA9A5

Achromatopsia

#808080

CSS Usage

background-color: #9E6FD5;
color: #9E6FD5;
border-color: #9E6FD5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#DAC8EF
300
#BFA0E3
400
#9D6DD4
500
#7A3AC5
600
#622E9E
700
#4E257E
800
#3D1D63
900
#2F1948
950
#1D102E

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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