#BD0BAC

#BD0BAC

Color Values

HEX

#BD0BAC

RGB

189, 11, 172

HSL

305.7, 89.0%, 39.2%

HSV

305.7, 94.2%, 74.1%

CMYK

0.0%, 94.2%, 9.0%, 25.9%

OKLCH

0.5525 0.2432 333.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BD0BAC

#0BBD1C

Analogous

#750BBD

#BD0B53

#BD0BAC

Triadic

#BD0BAC

#ACBD0B

#0BACBD

Split Complementary

#BD0BAC

#53BD0B

#0BBD75

Tetradic

#BD0BAC

#BD750B

#0BBD1C

#0B53BD

Color Blindness Simulation

Original

#BD0BAC

Protanopia

#706E85

Deuteranopia

#7A887C

Tritanopia

#B46660

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBCF5
300
#F88BEE
400
#F54DE5
500
#F10EDB
600
#C10BB0
700
#9A098C
800
#78076E
900
#570A50
950
#370632

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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