#9563DF

#9563DF

Color Values

HEX

#9563DF

RGB

149, 99, 223

HSL

264.2, 66.0%, 63.1%

HSV

264.2, 55.6%, 87.5%

CMYK

33.2%, 55.6%, 0.0%, 12.5%

OKLCH

0.6102 0.1829 299.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9563DF

#ADDF63

Analogous

#636FDF

#D363DF

#9563DF

Triadic

#9563DF

#DF9563

#63DF95

Split Complementary

#9563DF

#DFD363

#6FDF63

Tetradic

#9563DF

#DF636F

#ADDF63

#63DFD3

Color Blindness Simulation

Original

#9563DF

Protanopia

#7F7FC1

Deuteranopia

#8286BA

Tritanopia

#92A9A4

Achromatopsia

#777777

CSS Usage

background-color: #9563DF;
color: #9563DF;
border-color: #9563DF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F3FC
100
#EBE3F7
200
#D7C4F3
300
#BA99EA
400
#9562DF
500
#6F2BD4
600
#5923A9
700
#471C87
800
#38166A
900
#2B144D
950
#1B0C31

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026