#9748D6

#9748D6

Color Values

HEX

#9748D6

RGB

151, 72, 214

HSL

273.4, 63.4%, 56.1%

HSV

273.4, 66.4%, 83.9%

CMYK

29.4%, 66.4%, 0.0%, 16.1%

OKLCH

0.5689 0.2108 306.3

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9748D6

#87D648

Analogous

#5048D6

#D648CE

#9748D6

Triadic

#9748D6

#D69748

#48D697

Split Complementary

#9748D6

#CED648

#48D650

Tetradic

#9748D6

#D65048

#87D648

#48CED6

Color Blindness Simulation

Original

#9748D6

Protanopia

#7574B4

Deuteranopia

#797FAB

Tritanopia

#939893

Achromatopsia

#636363

CSS Usage

background-color: #9748D6;
color: #9748D6;
border-color: #9748D6;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE9
400
#A765DC
500
#892FD0
600
#6D25A7
700
#571E85
800
#441768
900
#34154C
950
#210D30

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.21:1

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