#F007D3

A medium, vivid magenta closely aligning with Fuchsia.

About #F007D3

When working with digital screens, the color #F007D3 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Fuchsia. Its digital footprint relies on 240 parts red, 7 parts green, and 211 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 97% magenta, 12% yellow, and 6% black. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. 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#F007D3
RGB240, 7, 211
HSL307.5°, 94.3%, 48.4%
CMYK0%, 97%, 12%, 6%
HSV307.5°, 97.1%, 94.1%
LAB55.5, 89.5, -44.0
XYZ47.8, 23.4, 63.6
Decimal15730643

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.70:1
Text on #FFFFFF
AA Large
5.68:1
Text on #000000
AA
3.54:1
Text on #F8FAFC
AA Large
4.83:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Fuchsia
#FF00FF