#BA24BE

#BA24BE

Color Values

HEX

#BA24BE

RGB

186, 36, 190

HSL

298.4, 68.1%, 44.3%

HSV

298.4, 81.1%, 74.5%

CMYK

2.1%, 81.1%, 0.0%, 25.5%

OKLCH

0.5684 0.2406 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA24BE

#28BE24

Analogous

#6D24BE

#BE2475

#BA24BE

Triadic

#BA24BE

#BEBA24

#24BEBA

Split Complementary

#BA24BE

#75BE24

#24BE6D

Tetradic

#BA24BE

#BE6D24

#28BE24

#2475BE

Color Blindness Simulation

Original

#BA24BE

Protanopia

#797899

Deuteranopia

#828D90

Tritanopia

#B27B75

Achromatopsia

#4F4F4F

CSS Usage

background-color: #BA24BE;
color: #BA24BE;
border-color: #BA24BE;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C3F4
300
#E998EB
400
#DD60E1
500
#D229D6
600
#A821AB
700
#861A89
800
#69146B
900
#4D134E
950
#300C31

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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