#8786BA

#8786BA

Color Values

HEX

#8786BA

RGB

135, 134, 186

HSL

241.2, 27.4%, 62.7%

HSV

241.2, 28.0%, 72.9%

CMYK

27.4%, 28.0%, 0.0%, 27.1%

OKLCH

0.6407 0.0774 284.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8786BA

#B9BA86

Analogous

#869FBA

#A186BA

#8786BA

Triadic

#8786BA

#BA8786

#86BA87

Split Complementary

#8786BA

#BAA186

#9FBA86

Tetradic

#8786BA

#BA869F

#B9BA86

#86BAA1

Color Blindness Simulation

Original

#8786BA

Protanopia

#8787AD

Deuteranopia

#8787AA

Tritanopia

#87A3A1

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8786BA;
color: #8786BA;
border-color: #8786BA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D2D2E5
300
#B2B1D3
400
#8887BB
500
#5E5DA2
600
#4B4A82
700
#3C3B68
800
#2F2E51
900
#25253C
950
#171726

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026