#8487F7

#8487F7

Color Values

HEX

#8487F7

RGB

132, 135, 247

HSL

238.4, 87.8%, 74.3%

HSV

238.4, 46.6%, 96.9%

CMYK

46.6%, 45.3%, 0.0%, 3.1%

OKLCH

0.6722 0.163 279.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8487F7

#F7F484

Analogous

#84C1F7

#BA84F7

#8487F7

Triadic

#8487F7

#F78487

#87F784

Split Complementary

#8487F7

#F7BA84

#C1F784

Tetradic

#8487F7

#F784C1

#F7F484

#84F7BA

Color Blindness Simulation

Original

#8487F7

Protanopia

#8585DC

Deuteranopia

#8585D5

Tritanopia

#84C6C2

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFB
300
#8C8FF8
400
#4E52F3
500
#1016EF
600
#0C11C0
700
#0A0E99
800
#080B78
900
#0A0C57
950
#060837

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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