#BA0CC0

#BA0CC0

Color Values

HEX

#BA0CC0

RGB

186, 12, 192

HSL

298.0, 88.2%, 40.0%

HSV

298.0, 93.7%, 75.3%

CMYK

3.1%, 93.7%, 0.0%, 24.7%

OKLCH

0.5599 0.2549 326.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA0CC0

#12C00C

Analogous

#600CC0

#C00C6C

#BA0CC0

Triadic

#BA0CC0

#C0BA0C

#0CC0BA

Split Complementary

#BA0CC0

#6CC00C

#0CC060

Tetradic

#BA0CC0

#C0600C

#12C00C

#0C6CC0

Color Blindness Simulation

Original

#BA0CC0

Protanopia

#6F6D94

Deuteranopia

#79868A

Tritanopia

#B1726B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#F9BCFB
300
#F48CF8
400
#EE4DF4
500
#E80FF0
600
#BA0CC0
700
#950A9A
800
#740878
900
#540A57
950
#350637

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026