#9747D8

#9747D8

Color Values

HEX

#9747D8

RGB

151, 71, 216

HSL

273.1, 65.0%, 56.3%

HSV

273.1, 67.1%, 84.7%

CMYK

30.1%, 67.1%, 0.0%, 15.3%

OKLCH

0.5691 0.2141 306.0

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#9747D8

#88D847

Analogous

#4F47D8

#D847D1

#9747D8

Triadic

#9747D8

#D89747

#47D897

Split Complementary

#9747D8

#D1D847

#47D84F

Tetradic

#9747D8

#D84F47

#88D847

#47D1D8

Color Blindness Simulation

Original

#9747D8

Protanopia

#7474B5

Deuteranopia

#797FAC

Tritanopia

#939993

Achromatopsia

#626262

CSS Usage

background-color: #9747D8;
color: #9747D8;
border-color: #9747D8;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C69AEA
400
#A763DE
500
#882DD2
600
#6D24A8
700
#571D87
800
#441669
900
#33144D
950
#200D31

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026