#BA14BB

#BA14BB

Color Values

HEX

#BA14BB

RGB

186, 20, 187

HSL

299.6, 80.7%, 40.6%

HSV

299.6, 89.3%, 73.3%

CMYK

0.5%, 89.3%, 0.0%, 26.7%

OKLCH

0.5592 0.2483 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA14BB

#15BB14

Analogous

#6614BB

#BB1469

#BA14BB

Triadic

#BA14BB

#BBBA14

#14BBBA

Split Complementary

#BA14BB

#69BB14

#14BB66

Tetradic

#BA14BB

#BB6614

#15BB14

#1469BB

Color Blindness Simulation

Original

#BA14BB

Protanopia

#727193

Deuteranopia

#7C8889

Tritanopia

#B2736C

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BEF8
300
#F390F3
400
#EC55ED
500
#E519E6
600
#B714B8
700
#931093
800
#730C73
900
#530D54
950
#350835

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026