MistyRose Color

Learn about MistyRose (#ffe4e1): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ffe4e1
HEX #ffe4e1
RGB rgb(255, 228, 225)
HSL 6°, 100%, 94%

About MistyRose Color

MistyRose is a soft, pale pink with warm undertones. It creates a gentle, romantic atmosphere ideal for wedding sites, beauty brands, and heartfelt content.

Use Cases for MistyRose

wedding designbeauty brandsromantic themessoft backgroundsvalentine

Shades & Tints of MistyRose

#ffffff
#fff8f8
#fff2f0
#ffebe9
#ffe4e1
#bfaba9
#807271
#403938
#000000

Complementary Color

#ffe4e1
#e0fcff

Analogous Colors

#ffe0ed
#ffe4e1
#fff3e0

CSS Code

.mistyrose-color {
  color: #ffe4e1;
}

Contrast Recommendations

Black text on MistyRose
Ratio: 17.44:1 ✓ Passes AA ✓ Passes AAA
White text on MistyRose
Ratio: 1.2:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is MistyRose?

MistyRose is represented by the hex code #ffe4e1 and has RGB values of rgb(255, 228, 225). It falls under the Pink category.

How to use MistyRose in web design?

MistyRose works well for wedding design, beauty brands, romantic themes. MistyRose is a soft, pale pink with warm undertones. It creates a gentle, romantic atmosphere ideal for wedding sites, beauty brands, and heartfelt content. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MistyRose?

Colors that pair well with MistyRose include lavenderblush, seashell, snow, pink, lightpink. For a complementary scheme, try #e0fcff. For an analogous scheme, use #ffe0ed and #fff3e0.