#9763D3

#9763D3

Color Values

HEX

#9763D3

RGB

151, 99, 211

HSL

267.9, 56.0%, 60.8%

HSV

267.9, 53.1%, 82.7%

CMYK

28.4%, 53.1%, 0.0%, 17.3%

OKLCH

0.6048 0.1688 303.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9763D3

#9FD363

Analogous

#6367D3

#CF63D3

#9763D3

Triadic

#9763D3

#D39763

#63D397

Split Complementary

#9763D3

#D3CF63

#67D363

Tetradic

#9763D3

#D36367

#9FD363

#63D3CF

Color Blindness Simulation

Original

#9763D3

Protanopia

#8080B8

Deuteranopia

#8487B1

Tritanopia

#94A29E

Achromatopsia

#767676

CSS Usage

background-color: #9763D3;
color: #9763D3;
border-color: #9763D3;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DAC7EF
300
#BFA0E4
400
#9D6CD5
500
#7B38C7
600
#622D9F
700
#4E247F
800
#3D1C63
900
#2F1849
950
#1E0F2E

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

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