#BA1458

#BA1458

Color Values

HEX

#BA1458

RGB

186, 20, 88

HSL

335.4, 80.6%, 40.4%

HSV

335.4, 89.2%, 72.9%

CMYK

0.0%, 89.2%, 52.7%, 27.1%

OKLCH

0.5141 0.1969 5.0

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#BA1458

#14BA76

Analogous

#BA14AB

#BA2314

#BA1458

Triadic

#BA1458

#58BA14

#1458BA

Split Complementary

#BA1458

#14BA23

#14ABBA

Tetradic

#BA1458

#ABBA14

#14BA76

#2314BA

Color Blindness Simulation

Original

#BA1458

Protanopia

#727148

Deuteranopia

#7C8844

Tritanopia

#B23B38

Achromatopsia

#3C3C3C

CSS Usage

background-color: #BA1458;
color: #BA1458;
border-color: #BA1458;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F6
100
#F9E1EB
200
#F8BFD6
300
#F390B9
400
#ED5593
500
#E6196D
600
#B81457
700
#931046
800
#730C37
900
#540D2A
950
#35081B

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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