#8B87FC

#8B87FC

Color Values

HEX

#8B87FC

RGB

139, 135, 252

HSL

242.1, 95.1%, 75.9%

HSV

242.1, 46.4%, 98.8%

CMYK

44.8%, 46.4%, 0.0%, 1.2%

OKLCH

0.6803 0.1687 282.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8B87FC

#F8FC87

Analogous

#87BDFC

#C687FC

#8B87FC

Triadic

#8B87FC

#FC8B87

#87FC8B

Split Complementary

#8B87FC

#FCC687

#BDFC87

Tetradic

#8B87FC

#FC87BD

#F8FC87

#87FCC6

Color Blindness Simulation

Original

#8B87FC

Protanopia

#8989E0

Deuteranopia

#8A8AD9

Tritanopia

#8BC9C4

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E0DFFC
200
#BCB9FD
300
#8C88FC
400
#4D47FA
500
#0F06F9
600
#0C05C7
700
#09049F
800
#07037C
900
#0A075A
950
#060439

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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