#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026