HEX Color #B6006D (Mediumvioletred)

About #B6006D

Visually, #B6006D is defined as a vivid magenta. Its closest recognized web color is Mediumvioletred. Its digital footprint relies on 182 parts red, 0 parts green, and 109 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. The HSL representation is 324.1° hue, 100.0% saturation, and 35.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#B6006D

RGB182, 0, 109

HSL324.1°, 100.0%, 35.7%

CMYK0%, 100%, 40%, 29%

HSV324.1°, 100.0%, 71.4%

LAB39.7, 67.3, -8.3

XYZ22.1, 11.0, 15.4

Decimal11927661

Color Harmonies

Complementary

#B6006D #00B649

Analogous

#A300B6 #B60011

Triadic

#6CB600 #006DB6

Tetradic

#B6A400 #00B649 #0012B6

Tints, Shades & Tones

Tints (Adding White)

#B6006D

#BE1C7D

#C6388D

#CE559D

#D671AD

#DE8DBE

#E6AACE

#EEC6DE

#F6E2EE

#FFFFFF

Shades (Adding Black)

#B6006D

#A10060

#8D0054

#790048

#65003C

#500030

#3C0024

#280018

#14000C

#000000

WCAG Contrast Accessibility

6.54:1

Text on #FFFFFF

AA

3.21:1

Text on #000000

AA Large

6.25:1

Text on #F8FAFC

AA

2.73:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B6006D; }

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

Similar Colors

Mediumvioletred

#C71585