#BA12AF

#BA12AF

Color Values

HEX

#BA12AF

RGB

186, 18, 175

HSL

303,9, 82,4%, 40,0%

HSV

303,9, 90,3%, 72,9%

CMYK

0,0%, 90,3%, 5,9%, 27,1%

OKLCH

0,5513 0,2412 331,6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA12AF

#12BA1D

Analogous

#7112BA

#BA125B

#BA12AF

Triadic

#BA12AF

#AFBA12

#12AFBA

Split Complementary

#BA12AF

#5BBA12

#12BA71

Tetradic

#BA12AF

#BA7112

#12BA1D

#125BBA

Color Blindness Simulation

Original

#BA12AF

Protanopia

#717089

Deuteranopia

#7B8880

Tritanopia

#B26B64

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F8
200
#F9BEF5
300
#F48FEE
400
#EE53E4
500
#E916DB
600
#BA12AF
700
#950E8C
800
#740B6D
900
#540D50
950
#350832

Contrast Checker

Text on white

5,54:1

AA Pass AAA Fail

Text on black

3,79: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