#BA51F1

#BA51F1

Color Values

HEX

#BA51F1

RGB

186, 81, 241

HSL

279.4, 85.1%, 63.1%

HSV

279.4, 66.4%, 94.5%

CMYK

22.8%, 66.4%, 0.0%, 5.5%

OKLCH

0.6391 0.2364 311.7

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA51F1

#88F151

Analogous

#6A51F1

#F151D8

#BA51F1

Triadic

#BA51F1

#F1BA51

#51F1BA

Split Complementary

#BA51F1

#D8F151

#51F16A

Tetradic

#BA51F1

#F16A51

#88F151

#51D8F1

Color Blindness Simulation

Original

#BA51F1

Protanopia

#8D8CCA

Deuteranopia

#939AC1

Tritanopia

#B5ACA5

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D28EF6
400
#BA50F1
500
#A113EC
600
#810FBD
700
#670C97
800
#510976
900
#3C0B56
950
#260736

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.53: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