#BA0C69

#BA0C69

Color Values

HEX

#BA0C69

RGB

186, 12, 105

HSL

327,9, 87,9%, 38,8%

HSV

327,9, 93,5%, 72,9%

CMYK

0,0%, 93,5%, 43,5%, 27,1%

OKLCH

0,5166 0,2056 357,3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BA0C69

#0CBA5D

Analogous

#B40CBA

#BA0C12

#BA0C69

Triadic

#BA0C69

#69BA0C

#0C69BA

Split Complementary

#BA0C69

#12BA0C

#0CBAB4

Tetradic

#BA0C69

#BAB40C

#0CBA5D

#0C12BA

Color Blindness Simulation

Original

#BA0C69

Protanopia

#6F6D53

Deuteranopia

#79864D

Tritanopia

#B1413D

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FBBCDD
300
#F88CC6
400
#F44EA6
500
#F00F87
600
#C00C6C
700
#990A57
800
#780844
900
#570A33
950
#370620

Contrast Checker

Text on white

6,28:1

AA Pass AAA Fail

Text on black

3,34: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