#BA50F2

#BA50F2

Color Values

HEX

#BA50F2

RGB

186, 80, 242

HSL

279,3, 86,2%, 63,1%

HSV

279,3, 66,9%, 94,9%

CMYK

23,1%, 66,9%, 0,0%, 5,1%

OKLCH

0,6386 0,2386 311,5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA50F2

#88F250

Analogous

#6950F2

#F250D9

#BA50F2

Triadic

#BA50F2

#F2BA50

#50F2BA

Split Complementary

#BA50F2

#D9F250

#50F269

Tetradic

#BA50F2

#F26950

#88F250

#50D9F2

Color Blindness Simulation

Original

#BA50F2

Protanopia

#8C8BCB

Deuteranopia

#929AC1

Tritanopia

#B5ACA5

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D28DF7
400
#BA4FF2
500
#A212ED
600
#810EBE
700
#670B98
800
#510977
900
#3C0B56
950
#260736

Contrast Checker

Text on white

3,81:1

AA Fail AAA Fail

Text on black

5,52:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026