Misty Rose #FFE4E1

Misty Rose#FFE4E1 · rgb(255, 228, 225)

Misty Rose color codes

CSS namemistyrose
HEX#FFE4E1
RGBrgb(255, 228, 225)
HSLhsl(6, 100%, 94%)
CMYKcmyk(0%, 11%, 12%, 0%)
Decimal16770273

Shades of Misty Rose (darker)

#E6CDCB · #CCB6B4 · #B3A09E · #998987 · #807271 · #665B5A · #4D4444 · #332E2D · #1A1717

Tints of Misty Rose (lighter)

#FFE7E4 · #FFE9E7 · #FFECEA · #FFEFED · #FFF2F0 · #FFF4F3 · #FFF7F6 · #FFFAF9 · #FFFCFC

Color harmonies

Complementary
#E0FCFF
Triadic
#E0FFE3, #E3E0FF
Analogous
#FFE0ED, #FFF3E0

Accessibility (WCAG contrast)

White text on Misty Rose1.20:1 · Fail
Black text on Misty Rose17.44:1 · AAA

Use Misty Rose in code

.element {
  color: mistyrose;          /* or #ffe4e1 */
  background-color: rgb(255 228 225 / 0.5);
}

Frequently asked questions

What is the hex code for Misty Rose?

Misty Rose is #FFE4E1 in HEX, rgb(255, 228, 225) in RGB and hsl(6, 100%, 94%) in HSL.

Can I use "mistyrose" directly in CSS?

Yes. "mistyrose" is one of the 148 standard CSS named colors, so color: mistyrose; works in every browser.

Is Misty Rose readable on white?

The contrast ratio of Misty Rose on white is 1.20:1 (WCAG Fail). On black it is 17.44:1 (AAA).

What is the complementary color of Misty Rose?

The complementary color (opposite on the color wheel) is #E0FCFF.

Similar colors

Antique White#FAEBD7Linen#FAF0E6Papaya Whip#FFEFD5Old Lace#FDF5E6Beige#F5F5DCCorn Silk#FFF8DCBlanched Almond#FFEBCDSea Shell#FFF5EE

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.