#BA128A

#BA128A

Color Values

HEX

#BA128A

RGB

186, 18, 138

HSL

317.1, 82.4%, 40.0%

HSV

317.1, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 25.8%, 27.1%

OKLCH

0.532 0.2185 344.2

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#BA128A

#12BA42

Analogous

#9612BA

#BA1236

#BA128A

Triadic

#BA128A

#8ABA12

#128ABA

Split Complementary

#BA128A

#36BA12

#12BA96

Tetradic

#BA128A

#BA9612

#12BA42

#1236BA

Color Blindness Simulation

Original

#BA128A

Protanopia

#71706D

Deuteranopia

#7B8866

Tritanopia

#B25651

Achromatopsia

#3E3E3E

CSS Usage

background-color: #BA128A;
color: #BA128A;
border-color: #BA128A;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2FA
100
#FAE1F3
200
#F9BEE8
300
#F48FD7
400
#EE53C2
500
#E916AD
600
#BA128A
700
#950E6F
800
#740B56
900
#540D40
950
#350828

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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