Misty Rose Color (#FFE4E1)
Misty Rose is a CSS named color defined as hex code #FFE4E1. Its hue sits at 6°, on the orange side of red, so unlike the other pinks it has a faint peach warmth. It is very pale and reads almost as a warm white.
Color Overview & Formats
mistyroseLuminance: 0.8218| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #FFE4E1 | 6-digit hex web code | |
| RGB | rgb(255, 228, 225) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(6, 100%, 94%) | Hue (6°), Saturation (100%), Lightness (94%) | |
| HSV / HSB | hsv(6, 12%, 100%) | Hue, Saturation (12%), Value/Brightness (100%) | |
| CMYK | cmyk(0%, 11%, 12%, 0%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.940 0.030 25.3) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #FFE4E1; /* or mistyrose */- Select color format: Choose the desired format (HEX #FFE4E1, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with black text: Black text on Misty Rose reaches 17.44:1 (WCAG AAA).
What Colors Go With Misty Rose?
These 6 colors all go well with Misty Rose (#FFE4E1), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Misty Rose: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Misty Rose (HSL 6°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (6° to 186°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (336° and 36°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (126° and 246°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 17.44:1 | Pass | Pass | Pass |
Pure White (#FFFFFF) | 1.20:1 | Fail | Fail | Fail |
Dark Charcoal (#212529) | 12.81:1 | Pass | Pass | Pass |
Mid Gray (#666666) | 4.77:1 | Pass | Pass | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Misty Rose Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#FFE4E1)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
mistyrose = #ffe4e1 (rgb(255, 228, 225))
UI Design & Accessibility Guidelines
Use Misty Rose for backgrounds, page sections and cards where you want warmth without obvious color. Almost any dark text works on it; white text is nearly invisible.
Frequently Asked Questions (FAQ)
Can I use black text on Misty Rose?
Yes. Black text on Misty Rose has a WCAG 2.2 contrast ratio of 17.44:1, passing both AA (4.5:1) and AAA (7:1) at every text size.
Can I use white text on Misty Rose?
No. White text on Misty Rose has a WCAG 2.2 contrast ratio of only 1.2:1, below the 3:1 minimum even for large text.
What colors go with Misty Rose?
Maroon, Dark Slate Gray, Saddle Brown, Rosy Brown, Cadet Blue and Dark Khaki all go well with Misty Rose. Maroon (9.09:1), Dark Slate Gray (7.41:1) and Saddle Brown (5.89:1) have enough contrast for text on Misty Rose; Rosy Brown, Cadet Blue and Dark Khaki work better as a background or accent.
Is Misty Rose pink or peach?
Both, slightly. Misty Rose (#FFE4E1) has a hue of 6°, just past red toward orange, which gives it a peach undertone that the other pink-range CSS colors (hues 322° to 351°) do not have.