#BC13AD

#BC13AD

Color Values

HEX

#BC13AD

RGB

188, 19, 173

HSL

305.3, 81.6%, 40.6%

HSV

305.3, 89.9%, 73.7%

CMYK

0.0%, 89.9%, 8.0%, 26.3%

OKLCH

0.5537 0.2403 332.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC13AD

#13BC22

Analogous

#7613BC

#BC1359

#BC13AD

Triadic

#BC13AD

#ADBC13

#13ADBC

Split Complementary

#BC13AD

#59BC13

#13BC76

Tetradic

#BC13AD

#BC7613

#13BC22

#1359BC

Color Blindness Simulation

Original

#BC13AD

Protanopia

#737188

Deuteranopia

#7D897F

Tritanopia

#B46A64

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F7
200
#F8BEF3
300
#F490EB
400
#EE54E0
500
#E817D5
600
#B913AB
700
#940F88
800
#740C6B
900
#540D4E
950
#350831

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026