Huebook

Marshmallow Complementary Color Scheme

Five colors arranged by the complementary rule around Marshmallow (#F0EEE4), each snapped to its nearest named color.

#F0EEE4
#F6F4EF
#E2E6EF
#B0BAD5
#EDF2F8

Color names and codes

NameHEXRGBHSLCMYK
Marshmallow#F0EEE4240, 238, 22850°, 29%, 92%0, 1, 5, 6
The Speed of Light#F6F4EF246, 244, 23943°, 28%, 95%0, 1, 3, 4
Ghostly Tuna#E2E6EF226, 230, 239222°, 29%, 91%5, 4, 0, 6
Halogen Blue#B0BAD5176, 186, 213224°, 31%, 76%17, 13, 0, 16
Airport#EDF2F8237, 242, 248213°, 44%, 95%4, 2, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F6F4EF on #B0BAD51.76:1—
Aa #B0BAD5 on #EDF2F81.72:1—
Aa #F0EEE4 on #B0BAD51.67:1—
Aa #E2E6EF on #B0BAD51.55:1—
Aa #F6F4EF on #E2E6EF1.14:1—
Aa #E2E6EF on #EDF2F81.11:1—

CSS variables

:root {
  --color-1: #f0eee4; /* Marshmallow */
  --color-2: #f6f4ef; /* The Speed of Light */
  --color-3: #e2e6ef; /* Ghostly Tuna */
  --color-4: #b0bad5; /* Halogen Blue */
  --color-5: #edf2f8; /* Airport */
}

Other schemes from Marshmallow

More Very Light Yellow complementary palettes

Questions

What colors go with Marshmallow?

In a complementary scheme: The Speed of Light (#F6F4EF), Ghostly Tuna (#E2E6EF), Halogen Blue (#B0BAD5), Airport (#EDF2F8).

What is the hex code of Marshmallow?

#F0EEE4.