#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026