#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026