#BA03FC

#BA03FC

Color Values

HEX

#BA03FC

RGB

186, 3, 252

HSL

284.1, 97.6%, 50.0%

HSV

284.1, 98.8%, 98.8%

CMYK

26.2%, 98.8%, 0.0%, 1.2%

OKLCH

0.6007 0.2994 312.2

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#BA03FC

#45FC03

Analogous

#3E03FC

#FC03C1

#BA03FC

Triadic

#BA03FC

#FCBA03

#03FCBA

Split Complementary

#BA03FC

#C1FC03

#03FC3E

Tetradic

#BA03FC

#FC3E03

#45FC03

#03C1FC

Color Blindness Simulation

Original

#BA03FC

Protanopia

#6B69C0

Deuteranopia

#7583B1

Tritanopia

#B19086

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB8FE
300
#DE86FE
400
#CC45FD
500
#BA03FC
600
#9502CA
700
#7702A1
800
#5D027E
900
#44065B
950
#2B0439

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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