#982AD5

#982AD5

Color Values

HEX

#982AD5

RGB

152, 42, 213

HSL

278.6, 67.1%, 50.0%

HSV

278.6, 80.3%, 83.5%

CMYK

28.6%, 80.3%, 0.0%, 16.5%

OKLCH

0.54 0.2424 309.4

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#982AD5

#67D52A

Analogous

#422AD5

#D52ABD

#982AD5

Triadic

#982AD5

#D5982A

#2AD598

Split Complementary

#982AD5

#BDD52A

#2AD542

Tetradic

#982AD5

#D5422A

#67D52A

#2ABDD5

Color Blindness Simulation

Original

#982AD5

Protanopia

#6867AC

Deuteranopia

#6F77A2

Tritanopia

#928B84

Achromatopsia

#4E4E4E

CSS Usage

background-color: #982AD5;
color: #982AD5;
border-color: #982AD5;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F3FC
100
#F0E3F7
200
#E2C3F3
300
#CE99EB
400
#B361E0
500
#982AD5
600
#7A22AA
700
#611B88
800
#4C156B
900
#39134E
950
#240C31

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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