Marshmallow Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Marshmallow (#F0EEE4), each snapped to its nearest named color.
#F0EEE4
#E5EDF1
#E9E4EF
#D4CFB2
#F0F4F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marshmallow | #F0EEE4 | 240, 238, 228 | 50°, 29%, 92% | 0, 1, 5, 6 | |
| Morning Mist | #E5EDF1 | 229, 237, 241 | 200°, 30%, 92% | 5, 2, 0, 5 | |
| Modest Violet | #E9E4EF | 233, 228, 239 | 267°, 26%, 92% | 3, 5, 0, 6 | |
| Pale Ivy | #D4CFB2 | 212, 207, 178 | 51°, 28%, 76% | 0, 2, 16, 17 | |
| Child of Light | #F0F4F8 | 240, 244, 248 | 210°, 36%, 96% | 3, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D4CFB2 on #F0F4F8 | 1.42:1 | — |
| Aa #F0EEE4 on #D4CFB2 | 1.35:1 | — |
| Aa #E5EDF1 on #D4CFB2 | 1.33:1 | — |
| Aa #E9E4EF on #D4CFB2 | 1.26:1 | — |
| Aa #E9E4EF on #F0F4F8 | 1.13:1 | — |
| Aa #F0EEE4 on #E9E4EF | 1.07:1 | — |
CSS variables
:root {
--color-1: #f0eee4; /* Marshmallow */
--color-2: #e5edf1; /* Morning Mist */
--color-3: #e9e4ef; /* Modest Violet */
--color-4: #d4cfb2; /* Pale Ivy */
--color-5: #f0f4f8; /* Child of Light */
}Other schemes from Marshmallow
- Marshmallow Complementary Color Scheme#F0EEE4#F6F4EF#E2E6EF#B0BAD5#EDF2F8
- Marshmallow Analogous Color Scheme#F0E5E5#EFE9E6#F0EEE4#EBF0E4#E4EFE5
- Marshmallow Triadic Color Scheme#F0EEE4#E4F0EF#EDE2EE#F6F4EF#B0D3D1
- Marshmallow Tetradic Color Scheme#F0EEE4#E4F0E8#E2E6EF#EFE4E9#F6F4EF
- Marshmallow Monochromatic Color Scheme#BBB085#D4CFB2#F0EEE4#F6F4EF#F6F4EF
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Marshmallow?
In a split-complementary scheme: Morning Mist (#E5EDF1), Modest Violet (#E9E4EF), Pale Ivy (#D4CFB2), Child of Light (#F0F4F8).
What is the hex code of Marshmallow?
#F0EEE4.