#8983EE

#8983EE

Color Values

HEX

#8983EE

RGB

137, 131, 238

HSL

243.4, 75.9%, 72.4%

HSV

243.4, 45.0%, 93.3%

CMYK

42.4%, 45.0%, 0.0%, 6.7%

OKLCH

0.6632 0.1555 283.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8983EE

#E8EE83

Analogous

#83B3EE

#BF83EE

#8983EE

Triadic

#8983EE

#EE8983

#83EE89

Split Complementary

#8983EE

#EEBF83

#B3EE83

Tetradic

#8983EE

#EE83B3

#E8EE83

#83EEBF

Color Blindness Simulation

Original

#8983EE

Protanopia

#8686D4

Deuteranopia

#8787CE

Tritanopia

#89C0BB

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C3C0F6
300
#9993F0
400
#6159E8
500
#2A1FE0
600
#2119B3
700
#1B1490
800
#150F70
900
#130F52
950
#0C0A34

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026