HEX Color #BD0F92 (Mediumvioletred)

About #BD0F92

Visually, #BD0F92 is defined as a vivid magenta. It is closely associated with the named CSS color Mediumvioletred. This translates to an RGB value of rgb(189, 15, 146).

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 92% magenta inks. The HSL representation is 314.8° hue, 85.3% saturation, and 40.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD0F92

RGB189, 15, 146

HSL314.8°, 85.3%, 40.0%

CMYK0%, 92%, 23%, 26%

HSV314.8°, 92.1%, 74.1%

LAB43.1, 71.2, -25.8

XYZ26.3, 13.2, 28.4

Decimal12390290

Color Harmonies

Complementary

#BD0F92 #0FBD3A

Analogous

#900FBD #BD0F3A

Triadic

#91BD0F #0F92BD

Tetradic

#BD910F #0FBD3A #0F3BBD

Tints, Shades & Tones

Tints (Adding White)

#BD0F92

#C4299E

#CB44AA

#D35FB6

#DA79C2

#E194CE

#E9AFDA

#F0C9E6

#F7E4F2

#FFFFFF

Shades (Adding Black)

#BD0F92

#A80D81

#930B71

#7E0A61

#690851

#540640

#3F0530

#2A0320

#150110

#000000

WCAG Contrast Accessibility

5.76:1

Text on #FFFFFF

AA

3.65:1

Text on #000000

AA Large

5.50:1

Text on #F8FAFC

AA

3.10:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD0F92; }

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

Similar Colors

Mediumvioletred

#C71585