#BA00FF

#BA00FF

Color Values

HEX

#BA00FF

RGB

186, 0, 255

HSL

283,8, 100,0%, 50,0%

HSV

283,8, 100,0%, 100,0%

CMYK

27,1%, 100,0%, 0,0%, 0,0%

OKLCH

0,6025 0,3022 311,6

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#BA00FF

#45FF00

Analogous

#3B00FF

#FF00C4

#BA00FF

Triadic

#BA00FF

#FFBA00

#00FFBA

Split Complementary

#BA00FF

#C4FF00

#00FF3B

Tetradic

#BA00FF

#FF3B00

#45FF00

#00C4FF

Color Blindness Simulation

Original

#BA00FF

Protanopia

#6968C1

Deuteranopia

#7482B2

Tritanopia

#B19186

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB8FF
300
#DE85FF
400
#CC42FF
500
#BA00FF
600
#9500CC
700
#7700A3
800
#5D0080
900
#45055C
950
#2B033A

Contrast Checker

Text on white

4,63:1

AA Pass AAA Fail

Text on black

4,53:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026