#BD1683

A medium, vivid magenta closely aligning with Mediumvioletred.

About #BD1683

The precise color #BD1683 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 22, and 131.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 88% Magenta, 31% Yellow, and 26% Black. The HSL representation is 320.8° hue, 79.1% saturation, and 41.4% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#BD1683
RGB189, 22, 131
HSL320.8°, 79.1%, 41.4%
CMYK0%, 88%, 31%, 26%
HSV320.8°, 88.4%, 74.1%
LAB42.8, 68.4, -17.1
XYZ25.4, 13.0, 22.7
Decimal12392067

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.82:1
Text on #FFFFFF
AA
3.61:1
Text on #000000
AA Large
5.57:1
Text on #F8FAFC
AA
3.07:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Mediumvioletred
#C71585