HEX Color #F10DE4 (Fuchsia)

About #F10DE4

The hex code #F10DE4 represents a beautifully specific shade of magenta. 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 241, 13, and 228.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 95% 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. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F10DE4

RGB241, 13, 228

HSL303.4°, 89.8%, 49.8%

CMYK0%, 95%, 5%, 5%

HSV303.4°, 94.6%, 94.5%

LAB56.7, 91.5, -51.7

XYZ50.4, 24.6, 75.5

Decimal15797732

Color Harmonies

Complementary

#F10DE4 #0DF11A

Analogous

#8B0DF1 #F10D71

Triadic

#E3F10D #0DE3F1

Tetradic

#F18C0D #0DF11A #0D71F1

Tints, Shades & Tones

Tints (Adding White)

#F10DE4

#F227E7

#F442EA

#F55DED

#F778F0

#F893F3

#FAAEF6

#FBC9F9

#FDE4FC

#FFFFFF

Shades (Adding Black)

#F10DE4

#D60BCA

#BB0AB1

#A00898

#85077E

#6B0565

#50044C

#350232

#1A0119

#000000

WCAG Contrast Accessibility

3.55:1

Text on #FFFFFF

AA Large

5.92:1

Text on #000000

AA

3.39:1

Text on #F8FAFC

AA Large

5.03:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F10DE4; }

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

Similar Colors

Fuchsia

#FF00FF