#BA0BF4

#BA0BF4

Color Values

HEX

#BA0BF4

RGB

186, 11, 244

HSL

285.1, 91.4%, 50.0%

HSV

285.1, 95.5%, 95.7%

CMYK

23.8%, 95.5%, 0.0%, 4.3%

OKLCH

0.596 0.2918 313.8

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#BA0BF4

#45F40B

Analogous

#460BF4

#F40BB9

#BA0BF4

Triadic

#BA0BF4

#F4BA0B

#0BF4BA

Split Complementary

#BA0BF4

#B9F40B

#0BF446

Tetradic

#BA0BF4

#F4460B

#45F40B

#0BB9F4

Color Blindness Simulation

Original

#BA0BF4

Protanopia

#6E6DBC

Deuteranopia

#7886AE

Tritanopia

#B18F85

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FAF1FD
100
#F4DFFB
200
#ECBBFC
300
#DE8AFA
400
#CC4AF7
500
#BA0BF4
600
#9509C3
700
#77079C
800
#5D057A
900
#450958
950
#2B0538

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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