#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026