HEX Color #F016FF (Fuchsia)

About #F016FF

The precise color #F016FF is an excellent choice for modern design projects. Designers often compare it to the standard color Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 22, and 255.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 6% C, 91% M, 0% Y, and 0% K. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F016FF

RGB240, 22, 255

HSL296.1°, 100.0%, 54.3%

CMYK6%, 91%, 0%, 0%

HSV296.1°, 91.4%, 100.0%

LAB58.3, 94.4, -64.2

XYZ54.3, 26.3, 96.8

Decimal15734527

Color Harmonies

Complementary

#F016FF #24FE16

Analogous

#7B16FE #FE1699

Triadic

#FEEF16 #16FEEF

Tetradic

#FE7B16 #24FE16 #1699FE

Tints, Shades & Tones

Tints (Adding White)

#F016FF

#F12FFF

#F349FF

#F563FF

#F67DFF

#F897FF

#FAB1FF

#FBCBFF

#FDE5FF

#FFFFFF

Shades (Adding Black)

#F016FF

#D513E2

#BA11C6

#A00EAA

#850C8D

#6A0971

#500755

#350438

#1A021C

#000000

WCAG Contrast Accessibility

3.35:1

Text on #FFFFFF

AA Large

6.26:1

Text on #000000

AA

3.20:1

Text on #F8FAFC

AA Large

5.33:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F016FF; }

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

Similar Colors

Fuchsia

#FF00FF