HEX Color #F016D3 (Fuchsia)

About #F016D3

The hex code #F016D3 represents a beautifully specific shade of magenta. Its closest recognized web color is Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 22, and 211.

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 91% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F016D3

RGB240, 22, 211

HSL308.0°, 87.9%, 51.4%

CMYK0%, 91%, 12%, 6%

HSV308.0°, 90.8%, 94.1%

LAB55.9, 88.2, -43.3

XYZ48.0, 23.8, 63.7

Decimal15734483

Color Harmonies

Complementary

#F016D3 #16EF33

Analogous

#A016EF #EF1665

Triadic

#D2EF16 #16D2EF

Tetradic

#EFA016 #16EF33 #1665EF

Tints, Shades & Tones

Tints (Adding White)

#F016D3

#F12FD7

#F349DC

#F563E1

#F67DE6

#F897EB

#FAB1F0

#FBCBF5

#FDE5FA

#FFFFFF

Shades (Adding Black)

#F016D3

#D513BB

#BA11A4

#A00E8C

#850C75

#6A095D

#500746

#35042E

#1A0217

#000000

WCAG Contrast Accessibility

3.65:1

Text on #FFFFFF

AA Large

5.76:1

Text on #000000

AA

3.48:1

Text on #F8FAFC

AA Large

4.90:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F016D3; }

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

Similar Colors

Fuchsia

#FF00FF