#BD2C7B

#BD2C7B

Color Values

HEX

#BD2C7B

RGB

189, 44, 123

HSL

327.3, 62.2%, 45.7%

HSV

327.3, 76.7%, 74.1%

CMYK

0.0%, 76.7%, 34.9%, 25.9%

OKLCH

0.5454 0.193 352.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD2C7B

#2CBD6E

Analogous

#B62CBD

#BD2C33

#BD2C7B

Triadic

#BD2C7B

#7BBD2C

#2C7BBD

Split Complementary

#BD2C7B

#33BD2C

#2CBDB6

Tetradic

#BD2C7B

#BDB62C

#2CBD6E

#2C33BD

Color Blindness Simulation

Original

#BD2C7B

Protanopia

#7E7D68

Deuteranopia

#879163

Tritanopia

#B65955

Achromatopsia

#515151

CSS Usage

background-color: #BD2C7B;
color: #BD2C7B;
border-color: #BD2C7B;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E89CC5
400
#DB66A6
500
#CF3087
600
#A5276C
700
#841F56
800
#671843
900
#4C1533
950
#300D20

Contrast Checker

Text on white

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