#984FD3

#984FD3

Color Values

HEX

#984FD3

RGB

152, 79, 211

HSL

273,2, 60,0%, 56,9%

HSV

273,2, 62,6%, 82,7%

CMYK

28,0%, 62,6%, 0,0%, 17,3%

OKLCH

0,5769 0,1985 306,6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#984FD3

#8AD34F

Analogous

#564FD3

#D34FCC

#984FD3

Triadic

#984FD3

#D3984F

#4FD398

Split Complementary

#984FD3

#CCD34F

#4FD356

Tetradic

#984FD3

#D3564F

#8AD34F

#4FCCD3

Color Blindness Simulation

Original

#984FD3

Protanopia

#7878B3

Deuteranopia

#7D82AB

Tritanopia

#949A94

Achromatopsia

#686868

CSS Usage

background-color: #984FD3;
color: #984FD3;
border-color: #984FD3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C69DE7
400
#A768D9
500
#8833CC
600
#6D29A3
700
#572183
800
#441A66
900
#33164B
950
#200E2F

Contrast Checker

Text on white

4,78:1

AA Pass AAA Fail

Text on black

4,39:1

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