#F00FF0

A medium, vivid magenta closely aligning with Fuchsia.

About #F00FF0

The precise color #F00FF0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Fuchsia. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 15, and 240.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 94% magenta, 0% yellow, and 6% black. 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. 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#F00FF0
RGB240, 15, 240
HSL300.0°, 88.2%, 50.0%
CMYK0%, 94%, 0%, 6%
HSV300.0°, 93.8%, 94.1%
LAB57.2, 92.9, -57.6
XYZ51.8, 25.2, 84.6
Decimal15732720

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.48:1
Text on #FFFFFF
AA Large
6.03:1
Text on #000000
AA
3.33:1
Text on #F8FAFC
AA Large
5.13:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #F00FF0; }
.text-color { color: #F00FF0; }
.border-color { border: 2px solid #F00FF0; }

Similar Colors

Fuchsia
#FF00FF