#BD577C

A medium, moderate magenta closely aligning with Palevioletred.

About #BD577C

Visually, #BD577C is defined as a moderate magenta. If you're using CSS, you might find it aligns closely with Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 87, and 124.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 54% Magenta, 34% Yellow, and 26% Black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD577C
RGB189, 87, 124
HSL338.2°, 43.6%, 54.1%
CMYK0%, 54%, 34%, 26%
HSV338.2°, 54.0%, 74.1%
LAB50.8, 44.9, -0.9
XYZ28.0, 19.1, 21.3
Decimal12408700

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.36:1
Text on #FFFFFF
AA Large
4.82:1
Text on #000000
AA
4.17:1
Text on #F8FAFC
AA Large
4.10:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #BD577C; }
.text-color { color: #BD577C; }
.border-color { border: 2px solid #BD577C; }

Similar Colors

Palevioletred
#DB7093