#BA0566

#BA0566

Color Values

HEX

#BA0566

RGB

186, 5, 102

HSL

327.8, 94.8%, 37.5%

HSV

327.8, 97.3%, 72.9%

CMYK

0.0%, 97.3%, 45.2%, 27.1%

OKLCH

0.5138 0.207 358.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BA0566

#05BA59

Analogous

#B405BA

#BA050C

#BA0566

Triadic

#BA0566

#66BA05

#0566BA

Split Complementary

#BA0566

#0CBA05

#05BAB4

Tetradic

#BA0566

#BAB405

#05BA59

#050CBA

Color Blindness Simulation

Original

#BA0566

Protanopia

#6C6A4F

Deuteranopia

#768449

Tritanopia

#B13C38

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DE
300
#FC88C6
400
#FA47A7
500
#F80788
600
#C7056D
700
#9F0457
800
#7C0344
900
#5A0733
950
#390421

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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