Misty Rose Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Misty Rose (#FFE4E1), each snapped to its nearest named color.
#FF5349
#FB9F93
#FFE4E1
#FFE8E5
#FFE8E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Red Orange Juice | #FF5349 | 255, 83, 73 | 3°, 100%, 64% | 0, 67, 71, 0 | 67.8% 0.210 27 | |
| Peach Amber | #FB9F93 | 251, 159, 147 | 7°, 93%, 78% | 0, 37, 41, 2 | 79.2% 0.112 28 | |
| 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 | |
| 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 #FF5349 on #FFE8E5 | 2.72:1 | — |
| Aa #FF5349 on #FFE8E5 | 2.72:1 | — |
| Aa #FF5349 on #FFE4E1 | 2.65:1 | — |
| Aa #FB9F93 on #FFE8E5 | 1.71:1 | — |
| Aa #FB9F93 on #FFE8E5 | 1.71:1 | — |
| Aa #FB9F93 on #FFE4E1 | 1.66:1 | — |
CSS variables
:root {
--color-1: #ff5349; /* Red Orange Juice */
--color-2: #fb9f93; /* Peach Amber */
--color-3: #ffe4e1; /* Misty Rose */
--color-4: #ffe8e5; /* Sheer Rosebud */
--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 Tetradic Color Scheme#FFE4E1#F1FDE9#E0FEFE#F6E5F6#FFE8E5
More very light red monochromatic color schemes
- Abloom Monochromatic Color Scheme#CD525B#E19091#F1CBCD#F9EAEB#F9EAEB
- Angelic Wings Monochromatic Color Scheme#B5998E#D6C4C1#F4EFEE#F5F0F1#F5F0F1
- Angry Ghost Monochromatic Color Scheme#CA4042#DC7B7C#EEBBBB#F9EAEB#F9EAEB
- Apricot Haze Monochromatic Color Scheme#FF1111#FD5956#FFAAAA#FFE6E4#FFE6E4
- Ballet Monochromatic Color Scheme#DD5555#EF9A93#F7D5D4#F9EAEA#F9EAEA
- Ballet Slippers Monochromatic Color Scheme#FC0E34#FC5669#FCA2AD#FDE6E7#FDE6E7
- Berry Good Monochromatic Color Scheme#C64A55#DD8888#EDC3C5#F9EAEB#F9EAEB
- Bloodthirsty Beige Monochromatic Color Scheme#E3664C#F29E8E#F8D7D0#FCEBEB#FCEBEB
- Blowing Kisses Monochromatic Color Scheme#D4696D#E5A2AB#F6DEE0#F9EAEB#F9EAEB
- Blush Kiss Monochromatic Color Scheme#C64A55#D78187#EABCC0#F8EAED#F8EAED
- Blush Rush Monochromatic Color Scheme#D13D4B#E07C89#F0BCBE#F9EAEB#F9EAEB
- Butterfly Kisses Monochromatic Color Scheme#C27A74#D9A8A8#F0DEDC#F6EEED#F6EEED
Questions
What colors go with Misty Rose?
In a monochromatic scheme: Red Orange Juice (#FF5349), Peach Amber (#FB9F93), Sheer Rosebud (#FFE8E5), Sheer Rosebud (#FFE8E5).
What is the hex code of Misty Rose?
#FFE4E1.