#BA14BF

#BA14BF

Color Values

HEX

#BA14BF

RGB

186, 20, 191

HSL

298.2, 81.0%, 41.4%

HSV

298.2, 89.5%, 74.9%

CMYK

2.6%, 89.5%, 0.0%, 25.1%

OKLCH

0.5616 0.2511 326.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA14BF

#19BF14

Analogous

#6414BF

#BF146F

#BA14BF

Triadic

#BA14BF

#BFBA14

#14BFBA

Split Complementary

#BA14BF

#6FBF14

#14BF64

Tetradic

#BA14BF

#BF6414

#19BF14

#146FBF

Color Blindness Simulation

Original

#BA14BF

Protanopia

#727196

Deuteranopia

#7C888C

Tritanopia

#B2756E

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F6BEF8
300
#F090F3
400
#E854ED
500
#E118E7
600
#B413B9
700
#901094
800
#700C73
900
#520D54
950
#340835

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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