#BC84F7

#BC84F7

Color Values

HEX

#BC84F7

RGB

188, 132, 247

HSL

269.2, 87.8%, 74.3%

HSV

269.2, 46.6%, 96.9%

CMYK

23.9%, 46.6%, 0.0%, 3.1%

OKLCH

0.7151 0.1697 305.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BC84F7

#BFF784

Analogous

#8485F7

#F584F7

#BC84F7

Triadic

#BC84F7

#F7BC84

#84F7BC

Split Complementary

#BC84F7

#F7F584

#85F784

Tetradic

#BC84F7

#F78485

#BFF784

#84F7F5

Color Blindness Simulation

Original

#BC84F7

Protanopia

#A4A3DB

Deuteranopia

#A7ABD4

Tritanopia

#B9C5C0

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFB
300
#C08CF8
400
#9E4EF3
500
#7D10EF
600
#640CC0
700
#500A99
800
#3E0878
900
#2F0A57
950
#1E0637

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.78:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026