#BA11BF

#BA11BF

Color Values

HEX

#BA11BF

RGB

186, 17, 191

HSL

298.3, 83.7%, 40.8%

HSV

298.3, 91.1%, 74.9%

CMYK

2.6%, 91.1%, 0.0%, 25.1%

OKLCH

0.5607 0.2524 326.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA11BF

#16BF11

Analogous

#6311BF

#BF116D

#BA11BF

Triadic

#BA11BF

#BFBA11

#11BFBA

Split Complementary

#BA11BF

#6DBF11

#11BF63

Tetradic

#BA11BF

#BF6311

#16BF11

#116DBF

Color Blindness Simulation

Original

#BA11BF

Protanopia

#716F95

Deuteranopia

#7B878B

Tritanopia

#B2746C

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDF9
300
#F28FF5
400
#EB52F0
500
#E415EA
600
#B711BB
700
#920D96
800
#720A75
900
#530C55
950
#340836

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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