#BA88FB

#BA88FB

Color Values

HEX

#BA88FB

RGB

186, 136, 251

HSL

266.1, 93.5%, 75.9%

HSV

266.1, 45.8%, 98.4%

CMYK

25.9%, 45.8%, 0.0%, 1.6%

OKLCH

0.7217 0.1677 302.5

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BA88FB

#C9FB88

Analogous

#8890FB

#F488FB

#BA88FB

Triadic

#BA88FB

#FBBA88

#88FBBA

Split Complementary

#BA88FB

#FBF488

#90FB88

Tetradic

#BA88FB

#FB8890

#C9FB88

#88FBF4

Color Blindness Simulation

Original

#BA88FB

Protanopia

#A4A4DF

Deuteranopia

#A7ABD8

Tritanopia

#B8C9C4

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EBDFFB
200
#D7BAFD
300
#BA89FB
400
#9548F9
500
#7008F7
600
#5A07C5
700
#48059E
800
#38047B
900
#2B0859
950
#1B0538

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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