#BA55EC

#BA55EC

Color Values

HEX

#BA55EC

RGB

186, 85, 236

HSL

280.1, 79.9%, 62.9%

HSV

280.1, 64.0%, 92.5%

CMYK

21.2%, 64.0%, 0.0%, 7.5%

OKLCH

0.6405 0.2265 312.6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BA55EC

#87EC55

Analogous

#6E55EC

#EC55D3

#BA55EC

Triadic

#BA55EC

#ECBA55

#55ECBA

Split Complementary

#BA55EC

#D3EC55

#55EC6E

Tetradic

#BA55EC

#EC6E55

#87EC55

#55D3EC

Color Blindness Simulation

Original

#BA55EC

Protanopia

#8E8DC8

Deuteranopia

#949CBF

Tritanopia

#B5ABA4

Achromatopsia

#757575

CSS Usage

background-color: #BA55EC;
color: #BA55EC;
border-color: #BA55EC;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F1E1F9
200
#E5BFF8
300
#D291F3
400
#BA55EC
500
#A21AE5
600
#8115B7
700
#681093
800
#510D73
900
#3C0E53
950
#260935

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026