HEX Color #BD0075 (Mediumvioletred)

About #BD0075

The hex code #BD0075 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 0, and 117.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#BD0075

RGB189, 0, 117

HSL322.9°, 100.0%, 37.1%

CMYK0%, 100%, 38%, 26%

HSV322.9°, 100.0%, 74.1%

LAB41.4, 69.6, -10.6

XYZ24.2, 12.1, 17.9

Decimal12386421

Color Harmonies

Complementary

#BD0075 #00BD48

Analogous

#A600BD #BD0016

Triadic

#74BD00 #0074BD

Tetradic

#BDA600 #00BD48 #0016BD

Tints, Shades & Tones

Tints (Adding White)

#BD0075

#C41C84

#CB3893

#D355A3

#DA71B2

#E18DC1

#E9AAD1

#F0C6E0

#F7E2EF

#FFFFFF

Shades (Adding Black)

#BD0075

#A80068

#93005B

#7E004E

#690041

#540034

#3F0027

#2A001A

#15000D

#000000

WCAG Contrast Accessibility

6.14:1

Text on #FFFFFF

AA

3.42:1

Text on #000000

AA Large

5.87:1

Text on #F8FAFC

AA

2.91:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #BD0075; }

.text-color { color: #BD0075; }

.border-color { border: 2px solid #BD0075; }

Similar Colors

Mediumvioletred

#C71585