#BB86EE

#BB86EE

Color Values

HEX

#BB86EE

RGB

187, 134, 238

HSL

270.6, 75.4%, 72.9%

HSV

270.6, 43.7%, 93.3%

CMYK

21.4%, 43.7%, 0.0%, 6.7%

OKLCH

0.7127 0.1554 306.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BB86EE

#B9EE86

Analogous

#8786EE

#EE86ED

#BB86EE

Triadic

#BB86EE

#EEBB86

#86EEBB

Split Complementary

#BB86EE

#EDEE86

#86EE87

Tetradic

#BB86EE

#EE8786

#B9EE86

#86EDEE

Color Blindness Simulation

Original

#BB86EE

Protanopia

#A4A4D5

Deuteranopia

#A7ABCF

Tritanopia

#B8C1BD

Achromatopsia

#999999

CSS Usage

background-color: #BB86EE;
color: #BB86EE;
border-color: #BB86EE;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F6
300
#C394F0
400
#A25AE8
500
#811FE0
600
#6819B3
700
#53148F
800
#411070
900
#311051
950
#1F0A33

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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