#BA4EF3

#BA4EF3

Color Values

HEX

#BA4EF3

RGB

186, 78, 243

HSL

279.3, 87.3%, 62.9%

HSV

279.3, 67.9%, 95.3%

CMYK

23.5%, 67.9%, 0.0%, 4.7%

OKLCH

0.6371 0.242 311.4

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA4EF3

#87F34E

Analogous

#674EF3

#F34ED9

#BA4EF3

Triadic

#BA4EF3

#F3BA4E

#4EF3BA

Split Complementary

#BA4EF3

#D9F34E

#4EF367

Tetradic

#BA4EF3

#F3674E

#87F34E

#4ED9F3

Color Blindness Simulation

Original

#BA4EF3

Protanopia

#8B8ACB

Deuteranopia

#929AC2

Tritanopia

#B5ACA5

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BCFA
300
#D28CF7
400
#BA4EF3
500
#A210EF
600
#820DBF
700
#680A99
800
#510877
900
#3C0A57
950
#260737

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026