#BA12BB

#BA12BB

Color Values

HEX

#BA12BB

RGB

186, 18, 187

HSL

299.6, 82.4%, 40.2%

HSV

299.6, 90.4%, 73.3%

CMYK

0.5%, 90.4%, 0.0%, 26.7%

OKLCH

0.5585 0.2492 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12BB

#13BB12

Analogous

#6512BB

#BB1268

#BA12BB

Triadic

#BA12BB

#BBBA12

#12BBBA

Split Complementary

#BA12BB

#68BB12

#12BB65

Tetradic

#BA12BB

#BB6512

#13BB12

#1268BB

Color Blindness Simulation

Original

#BA12BB

Protanopia

#717092

Deuteranopia

#7B8888

Tritanopia

#B2726B

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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