#9863C5

#9863C5

Color Values

HEX

#9863C5

RGB

152, 99, 197

HSL

272.4, 45.8%, 58.0%

HSV

272.4, 49.7%, 77.3%

CMYK

22.8%, 49.7%, 0.0%, 22.7%

OKLCH

0.5978 0.1522 307.4

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9863C5

#90C563

Analogous

#6763C5

#C563C1

#9863C5

Triadic

#9863C5

#C59863

#63C598

Split Complementary

#9863C5

#C1C563

#63C567

Tetradic

#9863C5

#C56763

#90C563

#63C1C5

Color Blindness Simulation

Original

#9863C5

Protanopia

#8181AD

Deuteranopia

#8488A8

Tritanopia

#959B96

Achromatopsia

#757575

CSS Usage

background-color: #9863C5;
color: #9863C5;
border-color: #9863C5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C4A6DE
400
#A475CC
500
#8445BA
600
#6A3795
700
#552C77
800
#42235D
900
#321C44
950
#20122B

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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