#BA0FBB

#BA0FBB

Color Values

HEX

#BA0FBB

RGB

186, 15, 187

HSL

299.7, 85.1%, 39.6%

HSV

299.7, 92.0%, 73.3%

CMYK

0.5%, 92.0%, 0.0%, 26.7%

OKLCH

0.5576 0.2505 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA0FBB

#10BB0F

Analogous

#640FBB

#BB0F66

#BA0FBB

Triadic

#BA0FBB

#BBBA0F

#0FBBBA

Split Complementary

#BA0FBB

#66BB0F

#0FBB64

Tetradic

#BA0FBB

#BB640F

#10BB0F

#0F66BB

Color Blindness Simulation

Original

#BA0FBB

Protanopia

#706E91

Deuteranopia

#7A8787

Tritanopia

#B17069

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDFA
300
#F58EF6
400
#F050F1
500
#EB13EC
600
#BC0FBD
700
#960C97
800
#750976
900
#550B56
950
#360736

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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