#BC14BC

#BC14BC

Color Values

HEX

#BC14BC

RGB

188, 20, 188

HSL

300.0, 80.8%, 40.8%

HSV

300.0, 89.4%, 73.7%

CMYK

0.0%, 89.4%, 0.0%, 26.3%

OKLCH

0.5629 0.2498 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC14BC

#14BC14

Analogous

#6814BC

#BC1468

#BC14BC

Triadic

#BC14BC

#BCBC14

#14BCBC

Split Complementary

#BC14BC

#68BC14

#14BC68

Tetradic

#BC14BC

#BC6814

#14BC14

#1468BC

Color Blindness Simulation

Original

#BC14BC

Protanopia

#737293

Deuteranopia

#7D8A8A

Tritanopia

#B4736C

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BEF8
300
#F390F3
400
#ED54ED
500
#E718E7
600
#B814B8
700
#941094
800
#730C73
900
#540D54
950
#350835

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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