#9F7BC3

#9F7BC3

Color Values

HEX

#9F7BC3

RGB

159, 123, 195

HSL

270.0, 37.5%, 62.4%

HSV

270.0, 36.9%, 76.5%

CMYK

18.5%, 36.9%, 0.0%, 23.5%

OKLCH

0.6451 0.1114 306.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9F7BC3

#9FC37B

Analogous

#7B7BC3

#C37BC3

#9F7BC3

Triadic

#9F7BC3

#C39F7B

#7BC39F

Split Complementary

#9F7BC3

#C3C37B

#7BC37B

Tetradic

#9F7BC3

#C37B7B

#9FC37B

#7BC3C3

Color Blindness Simulation

Original

#9F7BC3

Protanopia

#8F8FB2

Deuteranopia

#9294AD

Tritanopia

#9DA4A1

Achromatopsia

#888888

CSS Usage

background-color: #9F7BC3;
color: #9F7BC3;
border-color: #9F7BC3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCEE9
300
#C2ABD9
400
#A17DC4
500
#8050AF
600
#66408C
700
#523370
800
#402858
900
#302041
950
#1F1429

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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