#BD4072

#BD4072

Color Values

HEX

#BD4072

RGB

189, 64, 114

HSL

336.0, 49.4%, 49.6%

HSV

336.0, 66.1%, 74.1%

CMYK

0.0%, 66.1%, 39.7%, 25.9%

OKLCH

0.5612 0.166 359.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD4072

#40BD8B

Analogous

#BD40B0

#BD4C40

#BD4072

Triadic

#BD4072

#72BD40

#4072BD

Split Complementary

#BD4072

#40BD4C

#40B0BD

Tetradic

#BD4072

#B0BD40

#40BD8B

#4C40BD

Color Blindness Simulation

Original

#BD4072

Protanopia

#878666

Deuteranopia

#8E9763

Tritanopia

#B75C5A

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A4BC
400
#CF7297
500
#BE4173
600
#98345C
700
#7A294A
800
#5F2039
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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