#9A6FD6

#9A6FD6

Color Values

HEX

#9A6FD6

RGB

154, 111, 214

HSL

265.0, 55.7%, 63.7%

HSV

265.0, 48.1%, 83.9%

CMYK

28.0%, 48.1%, 0.0%, 16.1%

OKLCH

0.6291 0.1543 301.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9A6FD6

#ABD66F

Analogous

#6F77D6

#CD6FD6

#9A6FD6

Triadic

#9A6FD6

#D69A6F

#6FD69A

Split Complementary

#9A6FD6

#D6CD6F

#77D66F

Tetradic

#9A6FD6

#D66F77

#ABD66F

#6FD6CD

Color Blindness Simulation

Original

#9A6FD6

Protanopia

#8787BD

Deuteranopia

#8A8DB7

Tritanopia

#98A9A5

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D8C7EF
300
#BCA0E4
400
#986CD5
500
#7438C7
600
#5D2D9F
700
#4A247F
800
#3A1C63
900
#2C1849
950
#1C0F2E

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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