#BA129D

#BA129D

Color Values

HEX

#BA129D

RGB

186, 18, 157

HSL

310,4, 82,4%, 40,0%

HSV

310,4, 90,3%, 72,9%

CMYK

0,0%, 90,3%, 15,6%, 27,1%

OKLCH

0,5414 0,2297 337,4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA129D

#12BA2F

Analogous

#8312BA

#BA1249

#BA129D

Triadic

#BA129D

#9DBA12

#129DBA

Split Complementary

#BA129D

#49BA12

#12BA83

Tetradic

#BA129D

#BA8312

#12BA2F

#1249BA

Color Blindness Simulation

Original

#BA129D

Protanopia

#71707B

Deuteranopia

#7B8873

Tritanopia

#B2615B

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F5
200
#F9BEEF
300
#F48FE3
400
#EE53D3
500
#E916C4
600
#BA129D
700
#950E7E
800
#740B62
900
#540D48
950
#35082D

Contrast Checker

Text on white

5,74:1

AA Pass AAA Fail

Text on black

3,66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026