#BC10A2

#BC10A2

Color Values

HEX

#BC10A2

RGB

188, 16, 162

HSL

309.1, 84.3%, 40.0%

HSV

309.1, 91.5%, 73.7%

CMYK

0.0%, 91.5%, 13.8%, 26.3%

OKLCH

0.5467 0.2346 336.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BC10A2

#10BC2A

Analogous

#8010BC

#BC104C

#BC10A2

Triadic

#BC10A2

#A2BC10

#10A2BC

Split Complementary

#BC10A2

#4CBC10

#10BC80

Tetradic

#BC10A2

#BC8010

#10BC2A

#104CBC

Color Blindness Simulation

Original

#BC10A2

Protanopia

#71707F

Deuteranopia

#7C8876

Tritanopia

#B3635D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#F9BDF0
300
#F58EE6
400
#F051D8
500
#EB14CA
600
#BC10A2
700
#960D82
800
#750A65
900
#550C4A
950
#36072F

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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