#984AD8

#984AD8

Color Values

HEX

#984AD8

RGB

152, 74, 216

HSL

273.0, 64.5%, 56.9%

HSV

273.0, 65.7%, 84.7%

CMYK

29.6%, 65.7%, 0.0%, 15.3%

OKLCH

0.5739 0.2105 306.0

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#984AD8

#8AD84A

Analogous

#514AD8

#D84AD1

#984AD8

Triadic

#984AD8

#D8984A

#4AD898

Split Complementary

#984AD8

#D1D84A

#4AD851

Tetradic

#984AD8

#D8514A

#8AD84A

#4AD1D8

Color Blindness Simulation

Original

#984AD8

Protanopia

#7676B6

Deuteranopia

#7B81AD

Tritanopia

#949A95

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C69AE9
400
#A764DE
500
#882DD2
600
#6D24A8
700
#571D86
800
#441769
900
#33144D
950
#200D30

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026