# Misty Rose Color (#FFE4E1)

> Misty Rose is a CSS named color defined as hex code #FFE4E1.

- **URL**: https://swatchatlas.com/colors/misty-rose/
- **Language**: English (en)
- **CSS Name**: `mistyrose`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #FFE4E1
- **RGB**: rgb(255, 228, 225)
- **HSL**: hsl(6, 100%, 94%)
- **HSV/HSB**: hsv(6, 12%, 100%)
- **CMYK**: cmyk(0%, 11%, 12%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.940 0.030 25.3)

## What Colors Go With Misty Rose
Contrast is each color on Misty Rose (WCAG 2.2); 4.5:1 or above is text-safe.
- **Maroon (#800000)**: 9.09:1, text-safe. A deep red-brown for headings; strong, warm contrast.
- **Dark Slate Gray (#2F4F4F)**: 7.41:1, text-safe. A cool charcoal that balances the peach warmth.
- **Saddle Brown (#8B4513)**: 5.89:1, text-safe. An earthy brown for cozy, natural palettes.
- **Rosy Brown (#BC8F8F)**: 2.34:1, background or accent. A muted tonal partner for layered, blush-toned designs.
- **Cadet Blue (#5F9EA0)**: 2.53:1, background or accent. A dusty blue-green that cools the palette down.
- **Dark Khaki (#BDB76B)**: 1.72:1, background or accent. An olive-khaki accent for vintage and botanical themes.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Misty Rose**: 17.44:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Misty Rose**: 1.2:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Misty Rose**: 12.81:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Misty Rose**: 4.77:1 (Passes AA for all text; AAA for large text only)

## 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.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/misty-rose-1920x1080.png