#BA0568

#BA0568

Color Values

HEX

#BA0568

RGB

186, 5, 104

HSL

327.2, 94.8%, 37.5%

HSV

327.2, 97.3%, 72.9%

CMYK

0.0%, 97.3%, 44.1%, 27.1%

OKLCH

0.5145 0.2077 357.4

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BA0568

#05BA57

Analogous

#B205BA

#BA050D

#BA0568

Triadic

#BA0568

#68BA05

#0568BA

Split Complementary

#BA0568

#0DBA05

#05BAB2

Tetradic

#BA0568

#BAB205

#05BA57

#050DBA

Color Blindness Simulation

Original

#BA0568

Protanopia

#6C6A50

Deuteranopia

#76844A

Tritanopia

#B13D39

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DE
300
#FC88C7
400
#FA47A9
500
#F8078B
600
#C7056F
700
#9F0459
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