#BA1BE4

#BA1BE4

Color Values

HEX

#BA1BE4

RGB

186, 27, 228

HSL

287.5, 78.8%, 50.0%

HSV

287.5, 88.2%, 89.4%

CMYK

18.4%, 88.2%, 0.0%, 10.6%

OKLCH

0.589 0.2742 317.1

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#BA1BE4

#45E41B

Analogous

#561BE4

#E41BA9

#BA1BE4

Triadic

#BA1BE4

#E4BA1B

#1BE4BA

Split Complementary

#BA1BE4

#A9E41B

#1BE456

Tetradic

#BA1BE4

#E4561B

#45E41B

#1BA9E4

Color Blindness Simulation

Original

#BA1BE4

Protanopia

#7574B3

Deuteranopia

#7E8AA8

Tritanopia

#B28D85

Achromatopsia

#4B4B4B

CSS Usage

background-color: #BA1BE4;
color: #BA1BE4;
border-color: #BA1BE4;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF2FC
100
#F4E1F9
200
#ECBFF7
300
#DE92F2
400
#CC56EB
500
#BA1BE4
600
#9516B6
700
#771192
800
#5D0E72
900
#440E53
950
#2B0934

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail 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