#BD2B73

#BD2B73

Color Values

HEX

#BD2B73

RGB

189, 43, 115

HSL

330.4, 62.9%, 45.5%

HSV

330.4, 77.2%, 74.1%

CMYK

0.0%, 77.2%, 39.2%, 25.9%

OKLCH

0.5417 0.1905 355.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD2B73

#2BBD75

Analogous

#BD2BBC

#BD2C2B

#BD2B73

Triadic

#BD2B73

#73BD2B

#2B73BD

Split Complementary

#BD2B73

#2BBD2C

#2BBCBD

Tetradic

#BD2B73

#BCBD2B

#2BBD75

#2C2BBD

Color Blindness Simulation

Original

#BD2B73

Protanopia

#7E7D62

Deuteranopia

#86915D

Tritanopia

#B65451

Achromatopsia

#4F4F4F

CSS Usage

background-color: #BD2B73;
color: #BD2B73;
border-color: #BD2B73;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DB
300
#E89BC1
400
#DC65A0
500
#D02F7E
600
#A62665
700
#851E51
800
#68183F
900
#4C1530
950
#300D1E

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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