#F81DD3

A medium, vivid magenta closely aligning with Fuchsia.

About #F81DD3

When working with digital screens, the color #F81DD3 is rendered by mixing light. 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 248, 29, and 211.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 88% Magenta, 15% Yellow, and 3% Black. With a hue angle of 310.1 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F81DD3
RGB248, 29, 211
HSL310.1°, 94.0%, 54.3%
CMYK0%, 88%, 15%, 3%
HSV310.1°, 88.3%, 97.3%
LAB57.6, 88.8, -40.5
XYZ50.9, 25.5, 63.9
Decimal16260563

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.44:1
Text on #FFFFFF
AA Large
6.11:1
Text on #000000
AA
3.29:1
Text on #F8FAFC
AA Large
5.19:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Fuchsia
#FF00FF