#984CD5

#984CD5

Color Values

HEX

#984CD5

RGB

152, 76, 213

HSL

273.3, 62.0%, 56.7%

HSV

273.3, 64.3%, 83.5%

CMYK

28.6%, 64.3%, 0.0%, 16.5%

OKLCH

0.5744 0.2047 306.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#984CD5

#89D54C

Analogous

#544CD5

#D54CCE

#984CD5

Triadic

#984CD5

#D5984C

#4CD598

Split Complementary

#984CD5

#CED54C

#4CD554

Tetradic

#984CD5

#D5544C

#89D54C

#4CCED5

Color Blindness Simulation

Original

#984CD5

Protanopia

#7776B4

Deuteranopia

#7C81AC

Tritanopia

#949A94

Achromatopsia

#666666

CSS Usage

background-color: #984CD5;
color: #984CD5;
border-color: #984CD5;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C69CE8
400
#A766DB
500
#8830CF
600
#6D27A5
700
#571F84
800
#441867
900
#33154B
950
#200E30

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

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