HEX Color #BD0F99 (Mediumvioletred)

About #BD0F99

Visually, #BD0F99 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. In the RGB color space, it consists of 189 red, 15 green, and 153 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 92% magenta, 19% yellow, and 26% black. The HSL representation is 312.4° 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#BD0F99

RGB189, 15, 153

HSL312.4°, 85.3%, 40.0%

CMYK0%, 92%, 19%, 26%

HSV312.4°, 92.1%, 74.1%

LAB43.4, 72.1, -29.5

XYZ26.9, 13.5, 31.3

Decimal12390297

Color Harmonies

Complementary

#BD0F99 #0FBD32

Analogous

#8A0FBD #BD0F41

Triadic

#99BD0F #0F99BD

Tetradic

#BD890F #0FBD32 #0F41BD

Tints, Shades & Tones

Tints (Adding White)

#BD0F99

#C429A4

#CB44AF

#D35FBB

#DA79C6

#E194D1

#E9AFDD

#F0C9E8

#F7E4F3

#FFFFFF

Shades (Adding Black)

#BD0F99

#A80D88

#930B77

#7E0A66

#690855

#540644

#3F0533

#2A0322

#150111

#000000

WCAG Contrast Accessibility

5.69:1

Text on #FFFFFF

AA

3.69:1

Text on #000000

AA Large

5.44:1

Text on #F8FAFC

AA

3.14:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD0F99; }

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

Similar Colors

Mediumvioletred

#C71585