Misty Rose Tetradic Color Scheme
Five colors arranged by the tetradic rule around Misty Rose (#FFE4E1), each snapped to its nearest named color.
#FFE4E1
#F1FDE9
#E0FEFE
#F6E5F6
#FFE8E5
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 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | 98.0% 0.029 133 | |
| Matterhorn Snow | #E0FEFE | 224, 254, 254 | 180°, 94%, 94% | 12, 0, 0, 0 | 97.6% 0.031 197 | |
| Soft Lavender | #F6E5F6 | 246, 229, 246 | 300°, 49%, 93% | 0, 7, 0, 4 | 94.0% 0.029 326 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 | 94.9% 0.026 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFE4E1 on #F1FDE9 | 1.15:1 | — |
| Aa #F1FDE9 on #F6E5F6 | 1.14:1 | — |
| Aa #FFE4E1 on #E0FEFE | 1.13:1 | — |
| Aa #E0FEFE on #F6E5F6 | 1.13:1 | — |
| Aa #F1FDE9 on #FFE8E5 | 1.11:1 | — |
| Aa #E0FEFE on #FFE8E5 | 1.10:1 | — |
CSS variables
:root {
--color-1: #ffe4e1; /* Misty Rose */
--color-2: #f1fde9; /* Crème de Menthe */
--color-3: #e0fefe; /* Matterhorn Snow */
--color-4: #f6e5f6; /* Soft Lavender */
--color-5: #ffe8e5; /* Sheer Rosebud */
}Other schemes from Misty Rose
- Misty Rose Complementary Color Scheme#FFE4E1#FFE8E5#E0FEFE#99EEFF#E7FEFF
- 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 Monochromatic Color Scheme#FF5349#FB9F93#FFE4E1#FFE8E5#FFE8E5
More very light red tetradic color schemes
- Abloom Tetradic Color Scheme#F1CBCD#E5EECC#CCEEEE#DACEE8#F9EAEB
- Angelic Wings Tetradic Color Scheme#F4EFEE#F1F2EE#EEF2F3#F3F1F3#F4EFEE
- Angry Ghost Tetradic Color Scheme#EEBBBB#CCEEBB#BBEEEE#CCBBEE#F9EAEB
- Apricot Haze Tetradic Color Scheme#FFAAAA#DDFFAA#AAFFFF#CCAAFF#FFE6E4
- Ballet Tetradic Color Scheme#F7D5D4#E5F4D5#D7F5F6#E8CEF6#F9EAEA
- Ballet Slippers Tetradic Color Scheme#FCA2AD#DDFFAA#AAFFEE#C9A0FF#FDE6E7
- Berry Good Tetradic Color Scheme#EDC3C5#DAECC5#C3ECE9#D5C7E8#F9EAEB
- Bloodthirsty Beige Tetradic Color Scheme#F8D7D0#DDFFCC#D1F0F6#E8CEF6#FCEBEB
- Blowing Kisses Tetradic Color Scheme#F6DEE0#EBF5DE#DFFBF3#E6DEF0#F9EAEB
- Blush Kiss Tetradic Color Scheme#EABCC0#DEEABD#BDE9E5#CCBBEE#F8EAED
- Blush Rush Tetradic Color Scheme#F0BCBE#DDEEBB#BBEEEE#CCBBEE#F9EAEB
- Butterfly Kisses Tetradic Color Scheme#F0DEDC#E3EFDD#DDEEEE#E6DEF0#F6EEED
Questions
What colors go with Misty Rose?
In a tetradic scheme: Crème de Menthe (#F1FDE9), Matterhorn Snow (#E0FEFE), Soft Lavender (#F6E5F6), Sheer Rosebud (#FFE8E5).
What is the hex code of Misty Rose?
#FFE4E1.