Misty Rose Complementary Color Scheme
Five colors arranged by the complementary rule around Misty Rose (#FFE4E1), each snapped to its nearest named color.
#FFE4E1
#FFE8E5
#E0FEFE
#99EEFF
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Misty Rose | #FFE4E1 | 255, 228, 225 | 6°, 100%, 94% | 0, 11, 12, 0 | 94.0% 0.030 25 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 | 94.9% 0.026 27 | |
| Matterhorn Snow | #E0FEFE | 224, 254, 254 | 180°, 94%, 94% | 12, 0, 0, 0 | 97.6% 0.031 197 | |
| Alpine Expedition | #99EEFF | 153, 238, 255 | 190°, 100%, 80% | 40, 7, 0, 0 | 90.1% 0.085 212 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99EEFF on #E7FEFF | 1.25:1 | — |
| Aa #E0FEFE on #99EEFF | 1.23:1 | — |
| Aa #FFE4E1 on #E7FEFF | 1.15:1 | — |
| Aa #FFE4E1 on #E0FEFE | 1.13:1 | — |
| Aa #FFE8E5 on #99EEFF | 1.12:1 | — |
| Aa #FFE8E5 on #E7FEFF | 1.12:1 | — |
CSS variables
:root {
--color-1: #ffe4e1; /* Misty Rose */
--color-2: #ffe8e5; /* Sheer Rosebud */
--color-3: #e0fefe; /* Matterhorn Snow */
--color-4: #99eeff; /* Alpine Expedition */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Misty Rose
- Misty Rose Analogous Color Scheme#FFE0F5#FDE1F0#FFE4E1#FFF5E0#FEFEE0
- Misty Rose Triadic Color Scheme#FFE4E1#E1F8E7#E0E0FF#FFE8E5#8FFF9F
- Misty Rose Split-complementary Color Scheme#FFE4E1#E6FDF1#E0EBFA#FB9F93#E6FDF1
- Misty Rose Tetradic Color Scheme#FFE4E1#F1FDE9#E0FEFE#F6E5F6#FFE8E5
- Misty Rose Monochromatic Color Scheme#FF5349#FB9F93#FFE4E1#FFE8E5#FFE8E5
More very light red complementary color schemes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Misty Rose?
In a complementary scheme: Sheer Rosebud (#FFE8E5), Matterhorn Snow (#E0FEFE), Alpine Expedition (#99EEFF), Bubbles (#E7FEFF).
What is the hex code of Misty Rose?
#FFE4E1.