#BA0AB9

#BA0AB9

Color Values

HEX

#BA0AB9

RGB

186, 10, 185

HSL

300,3, 89,8%, 38,4%

HSV

300,3, 94,6%, 72,9%

CMYK

0,0%, 94,6%, 0,5%, 27,1%

OKLCH

0,5551 0,2508 328,6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA0AB9

#0ABA0B

Analogous

#630ABA

#BA0A61

#BA0AB9

Triadic

#BA0AB9

#B9BA0A

#0AB9BA

Split Complementary

#BA0AB9

#61BA0A

#0ABA63

Tetradic

#BA0AB9

#BA630A

#0ABA0B

#0A61BA

Color Blindness Simulation

Original

#BA0AB9

Protanopia

#6E6C8F

Deuteranopia

#788584

Tritanopia

#B16D66

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF8
400
#F54CF5
500
#F20DF1
600
#C20AC1
700
#9B089A
800
#790778
900
#580957
950
#370637

Contrast Checker

Text on white

5,48:1

AA Pass AAA Fail

Text on black

3,83: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