- No data uploaded
- Instant results
Misty Rose — #FFE4E1
Misty Rose is the CSS named colour mistyrose, hex #FFE4E1. It has a contrast ratio of 1.20:1 on white and 17.44:1 on black — best used as text on dark backgrounds.
Misty Rose — #FFE4E1
Contrast on white 1.20:1 · on black 17.44:1
Tints
Shades
Complementary
Triadic
Analogous
Using Misty Rose in code
CSS: color: mistyrose; or color: #FFE4E1; · Tailwind: text-[#FFE4E1] · Android/Flutter: 0xFFFFE4E1
Misty Rose colour harmonies
Complementary: #E1FCFF · Triadic: #E1FFE4, #E4E1FF · Analogous: #FFE1ED, #FFF3E1. Use tints for backgrounds and shades for hover states.
Misty Rose in every colour format
| Format | Value |
|---|---|
| HEX | #FFE4E1 |
| RGB | rgb(255, 228, 225) |
| HSL | hsl(6, 100%, 94%) |
| HSV | hsv(6, 12%, 100%) |
| CMYK | cmyk(0%, 11%, 12%, 0%) |
| CSS name | mistyrose |
| Contrast on white | 1.20:1 |
| Contrast on black | 17.44:1 |
Frequently asked questions
What is the hex code for Misty Rose?
#FFE4E1 (CSS name: mistyrose).
What is Misty Rose in RGB?
rgb(255, 228, 225)
What colour goes well with Misty Rose?
Its complementary colour #E1FCFF, or the analogous #FFE1ED and #FFF3E1.