#BA78FC

#BA78FC

Color Values

HEX

#BA78FC

RGB

186, 120, 252

HSL

270.0, 95.7%, 72.9%

HSV

270.0, 52.4%, 98.8%

CMYK

26.2%, 52.4%, 0.0%, 1.2%

OKLCH

0.6971 0.1935 305.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BA78FC

#BAFC78

Analogous

#7878FC

#FC78FC

#BA78FC

Triadic

#BA78FC

#FCBA78

#78FCBA

Split Complementary

#BA78FC

#FCFC78

#78FC78

Tetradic

#BA78FC

#FC7878

#BAFC78

#78FCFC

Color Blindness Simulation

Original

#BA78FC

Protanopia

#9D9DDC

Deuteranopia

#A1A6D4

Tritanopia

#B7C3BD

Achromatopsia

#909090

CSS Usage

background-color: #BA78FC;
color: #BA78FC;
border-color: #BA78FC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DBB9FD
300
#C287FC
400
#A146FB
500
#8005FA
600
#6604C8
700
#5204A0
800
#40037D
900
#30075A
950
#1F0439

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

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