#9463CB

#9463CB

Color Values

HEX

#9463CB

RGB

148, 99, 203

HSL

268.3, 50.0%, 59.2%

HSV

268.3, 51.2%, 79.6%

CMYK

27.1%, 51.2%, 0.0%, 20.4%

OKLCH

0.597 0.1583 303.7

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9463CB

#9ACB63

Analogous

#6366CB

#C863CB

#9463CB

Triadic

#9463CB

#CB9463

#63CB94

Split Complementary

#9463CB

#CBC863

#66CB63

Tetradic

#9463CB

#CB6366

#9ACB63

#63CBC8

Color Blindness Simulation

Original

#9463CB

Protanopia

#7F7EB2

Deuteranopia

#8285AC

Tritanopia

#929E9A

Achromatopsia

#757575

CSS Usage

background-color: #9463CB;
color: #9463CB;
border-color: #9463CB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DAC9ED
300
#C0A3E0
400
#9E71D0
500
#7C40BF
600
#633399
700
#4F297A
800
#3E2060
900
#2F1B46
950
#1E112C

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026