#BA0C53

#BA0C53

Color Values

HEX

#BA0C53

RGB

186, 12, 83

HSL

335.5, 87.9%, 38.8%

HSV

335.5, 93.5%, 72.9%

CMYK

0.0%, 93.5%, 55.4%, 27.1%

OKLCH

0.5098 0.1993 6.6

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#BA0C53

#0CBA73

Analogous

#BA0CAA

#BA1C0C

#BA0C53

Triadic

#BA0C53

#53BA0C

#0C53BA

Split Complementary

#BA0C53

#0CBA1C

#0CAABA

Tetradic

#BA0C53

#AABA0C

#0CBA73

#1C0CBA

Color Blindness Simulation

Original

#BA0C53

Protanopia

#6F6D42

Deuteranopia

#79863E

Tritanopia

#B13431

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FBBCD6
300
#F88CB8
400
#F44E91
500
#F00F6B
600
#C00C56
700
#990A44
800
#780835
900
#570A29
950
#37061A

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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