#BA50F1

#BA50F1

Color Values

HEX

#BA50F1

RGB

186, 80, 241

HSL

279.5, 85.2%, 62.9%

HSV

279.5, 66.8%, 94.5%

CMYK

22.8%, 66.8%, 0.0%, 5.5%

OKLCH

0.638 0.2376 311.8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA50F1

#87F150

Analogous

#6950F1

#F150D7

#BA50F1

Triadic

#BA50F1

#F1BA50

#50F1BA

Split Complementary

#BA50F1

#D7F150

#50F169

Tetradic

#BA50F1

#F16950

#87F150

#50D7F1

Color Blindness Simulation

Original

#BA50F1

Protanopia

#8C8BCA

Deuteranopia

#929AC1

Tritanopia

#B5ABA5

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D28EF6
400
#BA50F1
500
#A213EC
600
#820FBD
700
#680C97
800
#510976
900
#3C0B56
950
#260736

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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