#BA86FE

#BA86FE

Color Values

HEX

#BA86FE

RGB

186, 134, 254

HSL

266.0, 98.4%, 76.1%

HSV

266.0, 47.2%, 99.6%

CMYK

26.8%, 47.2%, 0.0%, 0.4%

OKLCH

0.7201 0.1745 302.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BA86FE

#CAFE86

Analogous

#868EFE

#F686FE

#BA86FE

Triadic

#BA86FE

#FEBA86

#86FEBA

Split Complementary

#BA86FE

#FEF686

#8EFE86

Tetradic

#BA86FE

#FE868E

#CAFE86

#86FEF6

Color Blindness Simulation

Original

#BA86FE

Protanopia

#A3A3E1

Deuteranopia

#A6AADA

Tritanopia

#B7CAC5

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D7B8FE
300
#BA86FE
400
#9444FD
500
#6F02FD
600
#5902CA
700
#4701A2
800
#37017E
900
#2B065B
950
#1B043A

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

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