CSS named color

Misty Rose #FFE4E1

Misty Rose is light vivid red. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Misty Rose used as a foreground on white and black backgrounds.

Aa The quick brown fox
1.20:1

On white

AA ✕ AAA ✕ AA Large ✕
Aa The quick brown fox
17.44:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Misty Rose — click any swatch to copy its hex.

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

Palettes built from Misty Rose by rotating its hue. Each swatch links to its closest named color.

Complementary

#FFE4E1 ≈ Antique White #E0FCFF ≈ Light Cyan

Analogous

#FFE0ED ≈ Misty Rose #FFE4E1 ≈ Antique White #FFF3E0 ≈ Old Lace

Triadic

#FFE4E1 ≈ Antique White #E0FFE3 ≈ Honeydew #E3E0FF ≈ Lavender

Split-complementary

#FFE4E1 ≈ Antique White #E0FFF3 ≈ Light Cyan #E0EDFF ≈ Lavender

Tetradic

#FFE4E1 ≈ Antique White #EDFFE0 ≈ Honeydew #E0FCFF ≈ Light Cyan #F3E0FF ≈ Lavender

Use Misty Rose in your stack

Tailwind (arbitrary value)

Works for any property: text-[#ffe4e1], border-[#ffe4e1].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Misty Rose into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Antique White #FAEBD7 Linen #FAF0E6 Papaya Whip #FFEFD5 Blanched Almond #FFEBCD Old Lace #FDF5E6 Lavender Blush #FFF0F5

← All CSS named colors