#983CE7

#983CE7

Color Values

HEX

#983CE7

RGB

152, 60, 231

HSL

272.3, 78.1%, 57.1%

HSV

272.3, 74.0%, 90.6%

CMYK

34.2%, 74.0%, 0.0%, 9.4%

OKLCH

0.5693 0.2419 304.0

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#983CE7

#8BE73C

Analogous

#433CE7

#E73CE0

#983CE7

Triadic

#983CE7

#E7983C

#3CE798

Split Complementary

#983CE7

#E0E73C

#3CE743

Tetradic

#983CE7

#E7433C

#8BE73C

#3CE0E7

Color Blindness Simulation

Original

#983CE7

Protanopia

#706FBE

Deuteranopia

#767CB4

Tritanopia

#939D96

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A657EA
500
#871CE3
600
#6C16B6
700
#561291
800
#440E72
900
#330E53
950
#200934

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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