#BB12BC

#BB12BC

Color Values

HEX

#BB12BC

RGB

187, 18, 188

HSL

299.6, 82.5%, 40.4%

HSV

299.6, 90.4%, 73.7%

CMYK

0.5%, 90.4%, 0.0%, 26.3%

OKLCH

0.5607 0.2503 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BB12BC

#13BC12

Analogous

#6612BC

#BC1268

#BB12BC

Triadic

#BB12BC

#BCBB12

#12BCBB

Split Complementary

#BB12BC

#68BC12

#12BC66

Tetradic

#BB12BC

#BC6612

#13BC12

#1268BC

Color Blindness Simulation

Original

#BB12BC

Protanopia

#727093

Deuteranopia

#7C8889

Tritanopia

#B3726B

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F8BEF9
300
#F48FF4
400
#ED53EE
500
#E716E9
600
#B912BA
700
#940E95
800
#740B74
900
#540C54
950
#350835

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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