#BA12BA

#BA12BA

Color Values

HEX

#BA12BA

RGB

186, 18, 186

HSL

300.0, 82.4%, 40.0%

HSV

300.0, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 0.0%, 27.1%

OKLCH

0.5579 0.2486 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12BA

#12BA12

Analogous

#6612BA

#BA1266

#BA12BA

Triadic

#BA12BA

#BABA12

#12BABA

Split Complementary

#BA12BA

#66BA12

#12BA66

Tetradic

#BA12BA

#BA6612

#12BA12

#1266BA

Color Blindness Simulation

Original

#BA12BA

Protanopia

#717091

Deuteranopia

#7B8888

Tritanopia

#B2716A

Achromatopsia

#424242

CSS Usage

background-color: #BA12BA;
color: #BA12BA;
border-color: #BA12BA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F9BEF9
300
#F48FF4
400
#EE53EE
500
#E916E9
600
#BA12BA
700
#950E95
800
#740B74
900
#540D54
950
#350835

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026