#BA14B5

#BA14B5

Color Values

HEX

#BA14B5

RGB

186, 20, 181

HSL

301.8, 80.6%, 40.4%

HSV

301.8, 89.2%, 72.9%

CMYK

0.0%, 89.2%, 2.7%, 27.1%

OKLCH

0.5555 0.2443 329.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA14B5

#14BA19

Analogous

#6C14BA

#BA1462

#BA14B5

Triadic

#BA14B5

#B5BA14

#14B5BA

Split Complementary

#BA14B5

#62BA14

#14BA6C

Tetradic

#BA14B5

#BA6C14

#14BA19

#1462BA

Color Blindness Simulation

Original

#BA14B5

Protanopia

#72718E

Deuteranopia

#7C8885

Tritanopia

#B26F69

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BFF6
300
#F390F0
400
#ED55E8
500
#E619E0
600
#B814B3
700
#93108F
800
#730C70
900
#540D51
950
#350833

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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