Light Fuchsia Pink

HEX: #F984EF | Modern Palette

On White
2.19:1
FAIL
On Black
9.57:1
PASS

Color Specifications

HEX
#F984EF
RGB
249, 132, 239
HSL
305°, 90% ,74%
CMYK
0, 47, 4, 2

About Light Fuchsia Pink

Light Fuchsia Pink (#F984EF) is a color with RGB(249, 132, 239) and HSL(305.1°, 90.7%, 74.7%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #84F98E, which creates strong contrast. Its triadic palette includes #EFF984 and #84EFF9. The name comes from Light Fuchsia Pink (English).

  • HEX: #F984EF
  • RGB: 249, 132, 239
  • HSL: 305.1°, 90.7%, 74.7%
  • Mood: Bold, Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #84F98E
  • Triadic colors: #EFF984, #84EFF9
  • The name comes from Light Fuchsia Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Light Fuchsia Pink #F984EF is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
LIGHT FUCHSIA PINK
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
LIGHT FUCHSIA PINK
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Light Fuchsia Pink #F984EF pairs with #84F98E as its complementary color, and #EFF984 and #84EFF9 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

LIGHT FUCHSIA PINK
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

LIGHT FUCHSIA PINK
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

LIGHT FUCHSIA PINK
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

LIGHT FUCHSIA PINK
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

LIGHT FUCHSIA PINK
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

LIGHT FUCHSIA PINK

Shades & Tints

The shade and tint range for Light Fuchsia Pink #F984EF moves from dark #180116 tones through the base color to lighter #FEE7FC tones, making it useful for depth, hierarchy, and background variation.

LIGHT FUCHSIA PINK

Color Characteristics

Mood
Bold Playful
Style
Neon Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #B1B1ED
Protanopia #9797EF
Tritanopia #EF9797
Achromatopsia #AFAFAF

Frequently Asked Questions

Light Fuchsia Pink (#F984EF) is a color with RGB(249, 132, 239) and HSL(305.1°, 90.7%, 74.7%).

#F984EF pairs strongly with #84F98E as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#F984EF is suitable for Text, Button, Accent and works well with Neon, Warm styles.

#F984EF is commonly associated with Bold, Playful.

The name Light Fuchsia Pink is linked to Light Fuchsia Pink from English, meaning A light shade of pink, reminiscent of the fuchsia flower..

Name, History & Etymology

Origin Word Light Fuchsia Pink
Meaning A light shade of pink, reminiscent of the fuchsia flower.
Language English
First Recorded Use Late 20th Century

History

The color fuchsia itself is named after the fuchsia flower, which was named after German botanist Leonhart Fuchs in the 16th century. The color name 'fuchsia' entered English around 1859. As color naming became more granular, especially with the rise of commercial dyes, paints, and later digital color palettes, descriptive terms like 'light' and 'pink' were added to specify variations. 'Fuchsia Pink' often refers to a slightly redder or more vibrant pink than a pure magenta fuchsia. 'Light Fuchsia Pink' then denotes a desaturated or lighter version of that specific fuchsia-pink hue.

First Recorded Use

While 'fuchsia' as a color name dates back to the mid-19th century, specific modifiers like 'light' combined with 'fuchsia pink' to describe a precise shade like #f984ef became more common with the advent of digital color systems and web design in the late 20th century (1990s onwards).

Cultural Associations

Fuchsia, in general, is often associated with vibrancy, playfulness, and femininity. It can be seen in fashion, cosmetics, and interior design. Lighter shades like 'Light Fuchsia Pink' might evoke feelings of softness, romance, or youthful energy, while still retaining some of the exotic flair of the fuchsia flower. It's a popular color for spring and summer collections.

Similar Named Colors
Pale Magenta #F984E5 ΔE 1.83
Violet #EE82EE ΔE 1.98
Fuchsia Pink #FF77FF ΔE 3.52
Pink Flamingo #FC74FD ΔE 3.85

Code Snippets

/* Background */
.element {
    background-color: #F984EF;
}

/* Text */
.element {
    color: #F984EF;
}

/* Border */
.element {
    border: 1px solid #F984EF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #F984EF,
        #84F98E
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #F984EF,
        #84F98E
    );
}

// SCSS variable
$light-fuchsia-pink: #F984EF;

// With RGB channels (useful for rgba() usage)
$light-fuchsia-pink-r: 249;
$light-fuchsia-pink-g: 132;
$light-fuchsia-pink-b: 239;

// Usage
.element {
    background-color: $light-fuchsia-pink;
    color: rgba($light-fuchsia-pink-r, $light-fuchsia-pink-g, $light-fuchsia-pink-b, 0.8);
}