#BA0767

#BA0767

Color Values

HEX

#BA0767

RGB

186, 7, 103

HSL

327.8, 92.7%, 37.8%

HSV

327.8, 96.2%, 72.9%

CMYK

0.0%, 96.2%, 44.6%, 27.1%

OKLCH

0.5147 0.2066 357.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BA0767

#07BA5A

Analogous

#B307BA

#BA070E

#BA0767

Triadic

#BA0767

#67BA07

#0767BA

Split Complementary

#BA0767

#0EBA07

#07BAB3

Tetradic

#BA0767

#BAB307

#07BA5A

#070EBA

Color Blindness Simulation

Original

#BA0767

Protanopia

#6C6B50

Deuteranopia

#77844A

Tritanopia

#B13D39

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADE
300
#FB89C6
400
#F849A7
500
#F60988
600
#C5076D
700
#9D0657
800
#7B0544
900
#590833
950
#380520

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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