#BA15BE

#BA15BE

Color Values

HEX

#BA15BE

RGB

186, 21, 190

HSL

298.6, 80.1%, 41.4%

HSV

298.6, 88.9%, 74.5%

CMYK

2.1%, 88.9%, 0.0%, 25.5%

OKLCH

0.5614 0.2499 327.1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA15BE

#19BE15

Analogous

#6615BE

#BE156E

#BA15BE

Triadic

#BA15BE

#BEBA15

#15BEBA

Split Complementary

#BA15BE

#6EBE15

#15BE66

Tetradic

#BA15BE

#BE6615

#19BE15

#156EBE

Color Blindness Simulation

Original

#BA15BE

Protanopia

#737195

Deuteranopia

#7C888B

Tritanopia

#B2756E

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F7BFF8
300
#F191F3
400
#E955EC
500
#E119E6
600
#B414B8
700
#901093
800
#700D73
900
#520E53
950
#340935

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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