#BA0567

#BA0567

Color Values

HEX

#BA0567

RGB

186, 5, 103

HSL

327.5, 94.8%, 37.5%

HSV

327.5, 97.3%, 72.9%

CMYK

0.0%, 97.3%, 44.6%, 27.1%

OKLCH

0.5141 0.2073 357.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BA0567

#05BA58

Analogous

#B305BA

#BA050D

#BA0567

Triadic

#BA0567

#67BA05

#0567BA

Split Complementary

#BA0567

#0DBA05

#05BAB3

Tetradic

#BA0567

#BAB305

#05BA58

#050DBA

Color Blindness Simulation

Original

#BA0567

Protanopia

#6C6A4F

Deuteranopia

#76844A

Tritanopia

#B13D38

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DE
300
#FC88C7
400
#FA47A8
500
#F8078A
600
#C7056E
700
#9F0458
800
#7C0345
900
#5A0734
950
#390421

Contrast Checker

Text on white

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