#BC89F2

#BC89F2

Color Values

HEX

#BC89F2

RGB

188, 137, 242

HSL

269.1, 80.2%, 74.3%

HSV

269.1, 43.4%, 94.9%

CMYK

22.3%, 43.4%, 0.0%, 5.1%

OKLCH

0.7207 0.1557 305.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BC89F2

#BFF289

Analogous

#898AF2

#F089F2

#BC89F2

Triadic

#BC89F2

#F2BC89

#89F2BC

Split Complementary

#BC89F2

#F2F089

#8AF289

Tetradic

#BC89F2

#F2898A

#BFF289

#89F2F0

Color Blindness Simulation

Original

#BC89F2

Protanopia

#A6A5D9

Deuteranopia

#A9ADD2

Tritanopia

#B9C5C0

Achromatopsia

#9B9B9B

CSS Usage

background-color: #BC89F2;
color: #BC89F2;
border-color: #BC89F2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C091F3
400
#9E55EC
500
#7C19E6
600
#6414B8
700
#501093
800
#3E0D73
900
#2F0D53
950
#1E0935

Contrast Checker

Text on white

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