HEX Color #F00FFF (Fuchsia)

About #F00FFF

The hex code #F00FFF represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 15, and 255.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 6% cyan and 94% 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. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F00FFF

RGB240, 15, 255

HSL296.2°, 100.0%, 52.9%

CMYK6%, 94%, 0%, 0%

HSV296.2°, 94.1%, 100.0%

LAB58.1, 95.0, -64.5

XYZ54.2, 26.1, 96.8

Decimal15732735

Color Harmonies

Complementary

#F00FFF #1DFE0F

Analogous

#780FFE #FE0F95

Triadic

#FEEF0F #0FFEEF

Tetradic

#FE780F #1DFE0F #0F96FE

Tints, Shades & Tones

Tints (Adding White)

#F00FFF

#F129FF

#F344FF

#F55FFF

#F679FF

#F894FF

#FAAFFF

#FBC9FF

#FDE4FF

#FFFFFF

Shades (Adding Black)

#F00FFF

#D50DE2

#BA0BC6

#A00AAA

#85088D

#6A0671

#500555

#350338

#1A011C

#000000

WCAG Contrast Accessibility

3.38:1

Text on #FFFFFF

AA Large

6.22:1

Text on #000000

AA

3.23:1

Text on #F8FAFC

AA Large

5.29:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F00FFF; }

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

Similar Colors

Fuchsia

#FF00FF