#983CEA

#983CEA

Color Values

HEX

#983CEA

RGB

152, 60, 234

HSL

271.7, 80.6%, 57.6%

HSV

271.7, 74.4%, 91.8%

CMYK

35.0%, 74.4%, 0.0%, 8.2%

OKLCH

0.5716 0.2448 303.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#983CEA

#8EEA3C

Analogous

#413CEA

#EA3CE5

#983CEA

Triadic

#983CEA

#EA983C

#3CEA98

Split Complementary

#983CEA

#E5EA3C

#3CEA41

Tetradic

#983CEA

#EA413C

#8EEA3C

#3CE5EA

Color Blindness Simulation

Original

#983CEA

Protanopia

#706FC0

Deuteranopia

#767CB6

Tritanopia

#939F97

Achromatopsia

#5C5C5C

CSS Usage

background-color: #983CEA;
color: #983CEA;
border-color: #983CEA;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBFF8
300
#C590F3
400
#A555ED
500
#8519E6
600
#6B14B8
700
#551093
800
#430C73
900
#320D54
950
#200835

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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