#8983F6

#8983F6

Color Values

HEX

#8983F6

RGB

137, 131, 246

HSL

243.1, 86.5%, 73.9%

HSV

243.1, 46.7%, 96.5%

CMYK

44.3%, 46.7%, 0.0%, 3.5%

OKLCH

0.6679 0.1663 283.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8983F6

#F0F683

Analogous

#83B6F6

#C283F6

#8983F6

Triadic

#8983F6

#F68983

#83F689

Split Complementary

#8983F6

#F6C283

#B6F683

Tetradic

#8983F6

#F683B6

#F0F683

#83F6C2

Color Blindness Simulation

Original

#8983F6

Protanopia

#8686DA

Deuteranopia

#8787D4

Tritanopia

#89C4BF

Achromatopsia

#8D8D8D

CSS Usage

background-color: #8983F6;
color: #8983F6;
border-color: #8983F6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#C0BCFA
300
#928DF7
400
#574FF2
500
#1D11EE
600
#170EBE
700
#120B98
800
#0E0977
900
#0F0B56
950
#090736

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

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