#BA0DAA

#BA0DAA

Color Values

HEX

#BA0DAA

RGB

186, 13, 170

HSL

305.5, 86.9%, 39.0%

HSV

305.5, 93.0%, 72.9%

CMYK

0.0%, 93.0%, 8.6%, 27.1%

OKLCH

0.547 0.24 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA0DAA

#0DBA1D

Analogous

#730DBA

#BA0D54

#BA0DAA

Triadic

#BA0DAA

#AABA0D

#0DAABA

Split Complementary

#BA0DAA

#54BA0D

#0DBA73

Tetradic

#BA0DAA

#BA730D

#0DBA1D

#0D54BA

Color Blindness Simulation

Original

#BA0DAA

Protanopia

#6F6E84

Deuteranopia

#79867B

Tritanopia

#B1665F

Achromatopsia

#3D3D3D

CSS Usage

background-color: #BA0DAA;
color: #BA0DAA;
border-color: #BA0DAA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABCF5
300
#F78DED
400
#F34FE4
500
#EE11DA
600
#BF0DAE
700
#990B8C
800
#77086D
900
#560B4F
950
#370732

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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