#BA0EC0

#BA0EC0

Color Values

HEX

#BA0EC0

RGB

186, 14, 192

HSL

298.0, 86.4%, 40.4%

HSV

298.0, 92.7%, 75.3%

CMYK

3.1%, 92.7%, 0.0%, 24.7%

OKLCH

0.5604 0.2542 326.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA0EC0

#14C00E

Analogous

#610EC0

#C00E6D

#BA0EC0

Triadic

#BA0EC0

#C0BA0E

#0EC0BA

Split Complementary

#BA0EC0

#6DC00E

#0EC061

Tetradic

#BA0EC0

#C0610E

#14C00E

#0E6DC0

Color Blindness Simulation

Original

#BA0EC0

Protanopia

#6F6E95

Deuteranopia

#7A868B

Tritanopia

#B1736B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E0FA
200
#F8BCFA
300
#F38DF7
400
#ED4FF2
500
#E611EE
600
#B80EBE
700
#930B98
800
#730977
900
#540B56
950
#350736

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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