#BA69FE

#BA69FE

Color Values

HEX

#BA69FE

RGB

186, 105, 254

HSL

272,6, 98,7%, 70,4%

HSV

272,6, 58,7%, 99,6%

CMYK

26,8%, 58,7%, 0,0%, 0,4%

OKLCH

0,6769 0,2176 306,5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BA69FE

#ADFE69

Analogous

#6F69FE

#FE69F8

#BA69FE

Triadic

#BA69FE

#FEBA69

#69FEBA

Split Complementary

#BA69FE

#F8FE69

#69FE6F

Tetradic

#BA69FE

#FE6F69

#ADFE69

#69F8FE

Color Blindness Simulation

Original

#BA69FE

Protanopia

#9796DA

Deuteranopia

#9CA2D1

Tritanopia

#B6BDB7

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DEB8FF
300
#C785FE
400
#A944FE
500
#8A02FD
600
#6F01CB
700
#5901A2
800
#45017F
900
#34055B
950
#21033A

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026