#BC31AB

#BC31AB

Color Values

HEX

#BC31AB

RGB

188, 49, 171

HSL

307.3, 58.6%, 46.5%

HSV

307.3, 73.9%, 73.7%

CMYK

0.0%, 73.9%, 9.0%, 26.3%

OKLCH

0.5696 0.2161 333.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BC31AB

#31BC42

Analogous

#8731BC

#BC3166

#BC31AB

Triadic

#BC31AB

#ABBC31

#31ABBC

Split Complementary

#BC31AB

#66BC31

#31BC87

Tetradic

#BC31AB

#BC8731

#31BC42

#3166BC

Color Blindness Simulation

Original

#BC31AB

Protanopia

#807F8E

Deuteranopia

#889286

Tritanopia

#B57671

Achromatopsia

#575757

CSS Usage

background-color: #BC31AB;
color: #BC31AB;
border-color: #BC31AB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FA
100
#F6E4F4
200
#F0C6EB
300
#E69EDD
400
#D869CA
500
#CA35B8
600
#A22A93
700
#812276
800
#651A5C
900
#4A1744
950
#2F0E2B

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

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