#BA1291

#BA1291

Color Values

HEX

#BA1291

RGB

186, 18, 145

HSL

314.6, 82.4%, 40.0%

HSV

314.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 22.0%, 27.1%

OKLCH

0.5353 0.2225 341.7

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#BA1291

#12BA3B

Analogous

#8F12BA

#BA123D

#BA1291

Triadic

#BA1291

#91BA12

#1291BA

Split Complementary

#BA1291

#3DBA12

#12BA8F

Tetradic

#BA1291

#BA8F12

#12BA3B

#123DBA

Color Blindness Simulation

Original

#BA1291

Protanopia

#717072

Deuteranopia

#7B886B

Tritanopia

#B25A55

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE1F4
200
#F9BEEA
300
#F48FDC
400
#EE53C9
500
#E916B5
600
#BA1291
700
#950E74
800
#740B5B
900
#540D43
950
#35082A

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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