#F842E9

A light, vivid magenta closely aligning with Fuchsia.

About #F842E9

The precise color #F842E9 is an excellent choice for modern design projects. Its closest recognized web color is Fuchsia. Its digital footprint relies on 248 parts red, 66 parts green, and 233 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 73% Magenta, 6% Yellow, and 3% Black. The HSL representation is 304.9° hue, 92.9% saturation, and 61.6% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F842E9
RGB248, 66, 233
HSL304.9°, 92.9%, 61.6%
CMYK0%, 73%, 6%, 3%
HSV304.9°, 73.4%, 97.3%
LAB61.4, 83.9, -46.9
XYZ55.4, 29.7, 79.9
Decimal16270057

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.02:1
Text on #FFFFFF
AA Large
6.95:1
Text on #000000
AA
2.89:1
Text on #F8FAFC
FAIL
5.91:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Fuchsia
#FF00FF