#BA128F

#BA128F

Color Values

HEX

#BA128F

RGB

186, 18, 143

HSL

315.4, 82.4%, 40.0%

HSV

315.4, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 23.1%, 27.1%

OKLCH

0.5343 0.2213 342.4

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#BA128F

#12BA3D

Analogous

#9112BA

#BA123B

#BA128F

Triadic

#BA128F

#8FBA12

#128FBA

Split Complementary

#BA128F

#3BBA12

#12BA91

Tetradic

#BA128F

#BA9112

#12BA3D

#123BBA

Color Blindness Simulation

Original

#BA128F

Protanopia

#717071

Deuteranopia

#7B886A

Tritanopia

#B25954

Achromatopsia

#3F3F3F

CSS Usage

background-color: #BA128F;
color: #BA128F;
border-color: #BA128F;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FA
100
#FAE1F3
200
#F9BEEA
300
#F48FDA
400
#EE53C6
500
#E916B3
600
#BA128F
700
#950E72
800
#740B59
900
#540D42
950
#35082A

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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