Misty Rose

HEX: #FFE4E1 | Modern Palette

On White
1.20:1
FAIL
On Black
17.44:1
PASS

Color Specifications

HEX
#FFE4E1
RGB
255, 228, 225
HSL
6°, 100% ,94%
CMYK
0, 11, 12, 0

About Misty Rose

Misty Rose (#FFE4E1) is a color with RGB(255, 228, 225) and HSL(6°, 100%, 94.1%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #E1FCFF, which creates strong contrast. Its triadic palette includes #E1FFE4 and #E4E1FF. The name comes from Misty Rose (English).

  • HEX: #FFE4E1
  • RGB: 255, 228, 225
  • HSL: 6°, 100%, 94.1%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #E1FCFF
  • Triadic colors: #E1FFE4, #E4E1FF
  • The name comes from Misty Rose (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #FFE4E1 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Warm

Accessibility Simulation

Deuteranopia #ECECE0
Protanopia #E7E7E1
Tritanopia #FFE4E4
Achromatopsia #EAEAEA

Frequently Asked Questions

Misty Rose (#FFE4E1) is a color with RGB(255, 228, 225) and HSL(6°, 100%, 94.1%).

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

#FFE4E1 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFE4E1 is commonly associated with Playful.

The name Misty Rose is linked to Misty Rose from English, meaning A pale, delicate shade of pink, reminiscent of a rose seen through a mist or a very light, dusty pink..

Name, History & Etymology

Origin Word Misty Rose
Meaning A pale, delicate shade of pink, reminiscent of a rose seen through a mist or a very light, dusty pink.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The name 'Misty Rose' likely emerged from the poetic descriptions of colors in fashion, art, and interior design. As color palettes expanded beyond basic primary and secondary colors, more evocative names were needed to distinguish subtle variations. The 'rose' component clearly links it to the flower, a traditional source of pink hues, while 'misty' adds a descriptor of softness, paleness, and perhaps a slightly desaturated quality. It was officially included in the X11 color names, which became a standard for web colors, solidifying its recognition in digital contexts.

First Recorded Use

The exact first documented use of 'Misty Rose' as a specific color name is difficult to pinpoint precisely, but color names describing nuanced shades of pink became more common in fashion and interior design literature from the late 19th century onwards. It gained more formal recognition with the advent of standardized color systems.

Cultural Associations

Misty Rose, like many soft pinks, is often associated with femininity, romance, gentleness, and innocence. It can evoke feelings of comfort and nostalgia. In fashion, it's a popular choice for spring and summer collections, bridal wear, and lingerie. In interior design, it's used to create serene and inviting spaces, often in bedrooms or nurseries. Its softness makes it versatile, pairing well with neutrals, other pastels, and even deeper jewel tones for contrast.

Similar Named Colors

Pale Pink #FADADD ΔE 3.73
Piggy Pink #FDDDE6 ΔE 5.49
Dust Storm #E5CCC9 ΔE 5.53
Lavender Blush #FFF0F5 ΔE 5.53

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFE4E1,
        #E1FCFF
    );
}

// SCSS variable
$misty-rose: #FFE4E1;

// With RGB channels (useful for rgba() usage)
$misty-rose-r: 255;
$misty-rose-g: 228;
$misty-rose-b: 225;

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