#8F89FE

#8F89FE

Color Values

HEX

#8F89FE

RGB

143, 137, 254

HSL

243.1, 98.3%, 76.7%

HSV

243.1, 46.1%, 99.6%

CMYK

43.7%, 46.1%, 0.0%, 0.4%

OKLCH

0.6881 0.1681 283.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8F89FE

#F8FE89

Analogous

#89BEFE

#CA89FE

#8F89FE

Triadic

#8F89FE

#FE8F89

#89FE8F

Split Complementary

#8F89FE

#FECA89

#BEFE89

Tetradic

#8F89FE

#FE89BE

#F8FE89

#89FECA

Color Blindness Simulation

Original

#8F89FE

Protanopia

#8C8CE2

Deuteranopia

#8D8DDB

Tritanopia

#8FCBC6

Achromatopsia

#939393

CSS Usage

background-color: #8F89FE;
color: #8F89FE;
border-color: #8F89FE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BCB8FE
300
#8C86FE
400
#4D44FD
500
#0F02FD
600
#0C02CA
700
#0A01A2
800
#08017E
900
#0A065B
950
#06043A

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

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