#BC12BC

#BC12BC

Color Values

HEX

#BC12BC

RGB

188, 18, 188

HSL

300.0, 82.5%, 40.4%

HSV

300.0, 90.4%, 73.7%

CMYK

0.0%, 90.4%, 0.0%, 26.3%

OKLCH

0.5622 0.2507 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC12BC

#12BC12

Analogous

#6712BC

#BC1267

#BC12BC

Triadic

#BC12BC

#BCBC12

#12BCBC

Split Complementary

#BC12BC

#67BC12

#12BC67

Tetradic

#BC12BC

#BC6712

#12BC12

#1267BC

Color Blindness Simulation

Original

#BC12BC

Protanopia

#727193

Deuteranopia

#7C8989

Tritanopia

#B4726B

Achromatopsia

#424242

CSS Usage

background-color: #BC12BC;
color: #BC12BC;
border-color: #BC12BC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F9BEF9
300
#F48FF4
400
#EE53EE
500
#E916E9
600
#BA12BA
700
#950E95
800
#740B74
900
#540C54
950
#350835

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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