HEX Color #BD0F66 (Mediumvioletred)

About #BD0F66

The precise color #BD0F66 is an excellent choice for modern design projects. 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, 15, and 102.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 92% M, 46% Y, and 26% K. With a hue angle of 330.0 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD0F66

RGB189, 15, 102

HSL330.0°, 85.3%, 40.0%

CMYK0%, 92%, 46%, 26%

HSV330.0°, 92.1%, 74.1%

LAB41.4, 66.6, -1.2

XYZ23.6, 12.1, 13.7

Decimal12390246

Color Harmonies

Complementary

#BD0F66 #0FBD66

Analogous

#BD0FBC #BD0F0F

Triadic

#66BD0F #0F65BD

Tetradic

#BCBD0F #0FBD66 #0F0FBD

Tints, Shades & Tones

Tints (Adding White)

#BD0F66

#C42977

#CB4488

#D35F99

#DA79AA

#E194BB

#E9AFCC

#F0C9DD

#F7E4EE

#FFFFFF

Shades (Adding Black)

#BD0F66

#A80D5A

#930B4F

#7E0A44

#690838

#54062D

#3F0522

#2A0316

#15010B

#000000

WCAG Contrast Accessibility

6.13:1

Text on #FFFFFF

AA

3.42:1

Text on #000000

AA Large

5.86:1

Text on #F8FAFC

AA

2.91:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #BD0F66; }

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

Similar Colors

Mediumvioletred

#C71585