HEX Color #F016BD (Mediumvioletred)

About #F016BD

Visually, #F016BD 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 240, 22, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 91% magenta, 21% yellow, and 6% black. With a hue angle of 314.0 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F016BD

RGB240, 22, 189

HSL314.0°, 87.9%, 51.4%

CMYK0%, 91%, 21%, 6%

HSV314.0°, 90.8%, 94.1%

LAB54.8, 85.5, -32.3

XYZ45.4, 22.8, 50.1

Decimal15734461

Color Harmonies

Complementary

#F016BD #16EF48

Analogous

#B516EF #EF1650

Triadic

#BDEF16 #16BDEF

Tetradic

#EFB516 #16EF48 #1650EF

Tints, Shades & Tones

Tints (Adding White)

#F016BD

#F12FC4

#F349CB

#F563D3

#F67DDA

#F897E1

#FAB1E9

#FBCBF0

#FDE5F7

#FFFFFF

Shades (Adding Black)

#F016BD

#D513A8

#BA1193

#A00E7E

#850C69

#6A0954

#50073F

#35042A

#1A0215

#000000

WCAG Contrast Accessibility

3.78:1

Text on #FFFFFF

AA Large

5.55:1

Text on #000000

AA

3.61:1

Text on #F8FAFC

AA Large

4.72:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F016BD; }

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

Similar Colors

Mediumvioletred

#C71585