#8985F7

#8985F7

Color Values

HEX

#8985F7

RGB

137, 133, 247

HSL

242.1, 87.7%, 74.5%

HSV

242.1, 46.2%, 96.9%

CMYK

44.5%, 46.2%, 0.0%, 3.1%

OKLCH

0.6722 0.1649 282.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8985F7

#F3F785

Analogous

#85BAF7

#C285F7

#8985F7

Triadic

#8985F7

#F78985

#85F789

Split Complementary

#8985F7

#F7C285

#BAF785

Tetradic

#8985F7

#F785BA

#F3F785

#85F7C2

Color Blindness Simulation

Original

#8985F7

Protanopia

#8787DB

Deuteranopia

#8888D5

Tritanopia

#89C6C1

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBCFB
300
#908CF7
400
#544EF3
500
#1810EF
600
#130DBF
700
#0F0A99
800
#0C0878
900
#0D0A57
950
#080637

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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