HEX Color #B60092 (Mediumvioletred)

About #B60092

Visually, #B60092 is defined as a vivid magenta. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 0, and 146.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 100% magenta, 20% yellow, and 29% black. The HSL representation is 311.9° 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#B60092

RGB182, 0, 146

HSL311.9°, 100.0%, 35.7%

CMYK0%, 100%, 20%, 29%

HSV311.9°, 100.0%, 71.4%

LAB41.2, 71.4, -28.8

XYZ24.5, 12.0, 28.2

Decimal11927698

Color Harmonies

Complementary

#B60092 #00B623

Analogous

#7F00B6 #B60036

Triadic

#92B600 #0091B6

Tetradic

#B67E00 #00B623 #0037B6

Tints, Shades & Tones

Tints (Adding White)

#B60092

#BE1C9E

#C638AA

#CE55B6

#D671C2

#DE8DCE

#E6AADA

#EEC6E6

#F6E2F2

#FFFFFF

Shades (Adding Black)

#B60092

#A10081

#8D0071

#790061

#650051

#500040

#3C0030

#280020

#140010

#000000

WCAG Contrast Accessibility

6.17:1

Text on #FFFFFF

AA

3.40:1

Text on #000000

AA Large

5.90:1

Text on #F8FAFC

AA

2.89:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #B60092; }

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

Similar Colors

Mediumvioletred

#C71585