#BA12ED

#BA12ED

Color Values

HEX

#BA12ED

RGB

186, 18, 237

HSL

286.0, 85.9%, 50.0%

HSV

286.0, 92.4%, 92.9%

CMYK

21.5%, 92.4%, 0.0%, 7.1%

OKLCH

0.5925 0.2846 315.2

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#BA12ED

#45ED12

Analogous

#4C12ED

#ED12B3

#BA12ED

Triadic

#BA12ED

#EDBA12

#12EDBA

Split Complementary

#BA12ED

#B3ED12

#12ED4C

Tetradic

#BA12ED

#ED4C12

#45ED12

#12B3ED

Color Blindness Simulation

Original

#BA12ED

Protanopia

#7170B8

Deuteranopia

#7B88AB

Tritanopia

#B28E85

Achromatopsia

#464646

CSS Usage

background-color: #BA12ED;
color: #BA12ED;
border-color: #BA12ED;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF2FD
100
#F4E0FA
200
#ECBDFA
300
#DE8DF6
400
#CC50F2
500
#BA12ED
600
#950EBE
700
#770C98
800
#5D0977
900
#440B56
950
#2B0736

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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