Misty Rose hex code
The hex code for misty rose is #FFE4E1. In RGB that is rgb(255, 228, 225) and in HSL it is hsl(6, 100%, 94%).
The hex code for misty rose is #FFE4E1. In RGB that is rgb(255, 228, 225) and in HSL it is hsl(6, 100%, 94%).
Misty Rose · #FFE4E1
Colour codes
- HEX
- #FFE4E1
- RGB
- rgb(255, 228, 225)
- HSL
- hsl(6, 100%, 94%)
- CMYK
- 0, 11, 12, 0
- CSS name
- mistyrose
- Contrast on white
- 1.20:1
- Contrast on black
- 17.44:1
Tints and shades
20% lighter · #ffe9e7
40% lighter · #ffefed
60% lighter · #fff4f3
80% lighter · #fffaf9
20% darker · #ccb6b4
40% darker · #998987
60% darker · #665b5a
80% darker · #332e2d
Complementary colour
Misty Rose · #FFE4E1
Opposite on the colour wheel · #e0fcff
Frequently asked questions
What is the hex code for misty rose?
The hex code for misty rose is #FFE4E1. In RGB that is rgb(255, 228, 225) and in HSL it is hsl(6, 100%, 94%).
Can I use misty rose for text?
It has a contrast ratio of 1.20:1 on white and 17.44:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with misty rose?
Its complementary colour, opposite on the colour wheel, is #E0FCFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of misty rose instead.
Is misty rose a CSS colour name?
Yes. CSS accepts the keyword mistyrose, so color: mistyrose and color: #FFE4E1 render exactly the same.