#BA1DBF

#BA1DBF

Color Values

HEX

#BA1DBF

RGB

186, 29, 191

HSL

298,1, 73,6%, 43,1%

HSV

298,1, 84,8%, 74,9%

CMYK

2,6%, 84,8%, 0,0%, 25,1%

OKLCH

0,5653 0,2462 326,8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA1DBF

#22BF1D

Analogous

#691DBF

#BF1D73

#BA1DBF

Triadic

#BA1DBF

#BFBA1D

#1DBFBA

Split Complementary

#BA1DBF

#73BF1D

#1DBF69

Tetradic

#BA1DBF

#BF691D

#22BF1D

#1D73BF

Color Blindness Simulation

Original

#BA1DBF

Protanopia

#767598

Deuteranopia

#7F8B8E

Tritanopia

#B27972

Achromatopsia

#4A4A4A

CSS Usage

background-color: #BA1DBF;
color: #BA1DBF;
border-color: #BA1DBF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C1F6
300
#EC95EF
400
#E25BE6
500
#D722DD
600
#AC1BB1
700
#8A168E
800
#6C116F
900
#4F1051
950
#320A33

Contrast Checker

Text on white

5,23:1

AA Pass AAA Fail

Text on black

4,02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026