#9E6EB3

#9E6EB3

Color Values

HEX

#9E6EB3

RGB

158, 110, 179

HSL

281.7, 31.2%, 56.7%

HSV

281.7, 38.5%, 70.2%

CMYK

11.7%, 38.5%, 0.0%, 29.8%

OKLCH

0.6134 0.1141 315.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9E6EB3

#83B36E

Analogous

#7C6EB3

#B36EA6

#9E6EB3

Triadic

#9E6EB3

#B39E6E

#6EB39E

Split Complementary

#9E6EB3

#A6B36E

#6EB37C

Tetradic

#9E6EB3

#B37C6E

#83B36E

#6EA6B3

Color Blindness Simulation

Original

#9E6EB3

Protanopia

#8989A2

Deuteranopia

#8C909E

Tritanopia

#9C9592

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#C9AFD5
400
#AC83BE
500
#8F58A7
600
#724686
700
#5C386B
800
#482C54
900
#36233E
950
#221627

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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