Misty Rose is a very light, vivid shade in the pink color family, with a warm feel. Its HEX code is #FFE4E1, which equals rgb(255, 228, 225) in RGB and hsl(6, 100%, 94%) in HSL. In print terms it converts to roughly C0 M11 Y12 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFE4E1 - RGB
255, 228, 225 - HSL
6°, 100%, 94% - CMYK
0, 11, 12, 0 - Family
Pink - Tone
Very light, vivid
About Misty Rose
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 17.44:1. Its complementary color is #E0FCFF.
Download Misty Rose as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Misty Rose color codes
| HEX | #FFE4E1 |
|---|---|
| RGB | rgb(255, 228, 225) |
| HSL | hsl(6, 100%, 94%) |
| HSV | 6°, 12%, 100% |
| CMYK | 0%, 11%, 12%, 0% |
| Decimal | 16770273 |
Shades and tints of Misty Rose
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFBFA - 100
#FFF6F5 - 200
#FFF2F0 - 300
#FFEDEB - 400
#FFE9E6 - 500
#FFE4E1 - 600
#D5BEBC - 700
#AA9896 - 800
#807271 - 900
#554C4B - 950
#2B2626
Color harmonies for Misty Rose
- Complementary
#E0FCFF≈ Light Cyan - Analogous −30°
#FFE0ED≈ Misty Rose - Analogous +30°
#FFF3E0≈ Old Lace - Triadic +120°
#E0FFE3≈ Palest Soft Malachite - Triadic +240°
#E3E0FF≈ Lavender - Split 150°
#E0FFF3≈ Light Cyan - Split 210°
#E0EDFF≈ Lavender
Contrast and accessibility of Misty Rose
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Misty Rose | Aa | 1.20:1 | Fails |
| Black text on Misty Rose | Aa | 17.44:1 | AAA (excellent) |
CSS code for Misty Rose
background-color: #FFE4E1;color: #FFE4E1;background-color: rgb(255, 228, 225);background-color: hsl(6, 100%, 94%);:root { --color-misty-rose: #FFE4E1; }class="bg-[#FFE4E1]"Colors similar to Misty Rose
- Antique White
#FAEBD7 - Palest Soft Persimmon
#F5E2D6 - Palest Soft Orange
#F5E6D6 - Palest Bright Orange
#FAE6D1 - Palest Bright Persimmon
#FAE1D1 - Palest Soft Cinnabar
#F5DFD6 - Palest Soft Tangerine
#F5E9D6 - Linen
#FAF0E6 - Palest Bright Tangerine
#FAEAD1 - Palest Muted Persimmon
#F0E3DB - Palest Muted Orange
#F0E6DB - Papaya Whip
#FFEFD5
More pink shades
- Hot Pink
#FF69B4 - Deep Pink
#FF1493 - Pale Violet Red
#DB7093 - Dark Magenta
#8B008B - Fuchsia
#FF00FF - Medium Violet Red
#C71585 - Plum
#DDA0DD - Purple
#800080 - Ruby
#E0115F - Lilac
#C8A2C8 - Eggplant
#614051
Frequently asked questions
What is the HEX code for Misty Rose?
The HEX code for Misty Rose is #FFE4E1.
What is the RGB value of Misty Rose?
Misty Rose has an RGB value of 255, 228, 225 (rgb(255, 228, 225)). In HSL it is 6°, 100%, 94%.
What text color should I use on Misty Rose?
Use black text on Misty Rose. White text has a contrast ratio of 1.20:1 and black text has 17.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Misty Rose?
The complementary color of Misty Rose is #E0FCFF. Analogous colors #FFE0ED and #FFF3E0 also pair well.