#8985ED

#8985ED

Color Values

HEX

#8985ED

RGB

137, 133, 237

HSL

242.3, 74.3%, 72.5%

HSV

242.3, 43.9%, 92.9%

CMYK

42.2%, 43.9%, 0.0%, 7.1%

OKLCH

0.6664 0.1513 283.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8985ED

#E9ED85

Analogous

#85B5ED

#BD85ED

#8985ED

Triadic

#8985ED

#ED8985

#85ED89

Split Complementary

#8985ED

#EDBD85

#B5ED85

Tetradic

#8985ED

#ED85B5

#E9ED85

#85EDBD

Color Blindness Simulation

Original

#8985ED

Protanopia

#8787D4

Deuteranopia

#8888CE

Tritanopia

#89C0BC

Achromatopsia

#8D8D8D

CSS Usage

background-color: #8985ED;
color: #8985ED;
border-color: #8985ED;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C3C1F6
300
#9894EF
400
#605BE7
500
#2821DE
600
#201AB2
700
#1A158E
800
#14106F
900
#131051
950
#0C0A33

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

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