#BA0CBB

#BA0CBB

Color Values

HEX

#BA0CBB

RGB

186, 12, 187

HSL

299.7, 87.9%, 39.0%

HSV

299.7, 93.6%, 73.3%

CMYK

0.5%, 93.6%, 0.0%, 26.7%

OKLCH

0.5568 0.2515 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA0CBB

#0DBB0C

Analogous

#630CBB

#BB0C64

#BA0CBB

Triadic

#BA0CBB

#BBBA0C

#0CBBBA

Split Complementary

#BA0CBB

#64BB0C

#0CBB63

Tetradic

#BA0CBB

#BB630C

#0DBB0C

#0C64BB

Color Blindness Simulation

Original

#BA0CBB

Protanopia

#6F6D91

Deuteranopia

#798686

Tritanopia

#B16F68

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFB
300
#F78CF8
400
#F34EF4
500
#EE0FF0
600
#BF0CC0
700
#990A99
800
#770878
900
#560A57
950
#370637

Contrast Checker

Text on white

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