Huebook

Coco Malt Complementary Color Scheme

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

#E4DCC9
#F8F4ED
#C8D2E2
#96A8C8
#EDF2F8

Color names and codes

NameHEXRGBHSLCMYK
Coco Malt#E4DCC9228, 220, 20142°, 33%, 84%0, 4, 12, 11
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3
Pale Periwinkle#C8D2E2200, 210, 226217°, 31%, 84%12, 7, 0, 11
Finesse#96A8C8150, 168, 200218°, 31%, 69%25, 16, 0, 22
Airport#EDF2F8237, 242, 248213°, 44%, 95%4, 2, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F4ED on #96A8C82.19:1—
Aa #96A8C8 on #EDF2F82.14:1—
Aa #E4DCC9 on #96A8C81.76:1—
Aa #C8D2E2 on #96A8C81.58:1—
Aa #F8F4ED on #C8D2E21.39:1—
Aa #C8D2E2 on #EDF2F81.35:1—

CSS variables

:root {
  --color-1: #e4dcc9; /* Coco Malt */
  --color-2: #f8f4ed; /* Crystal Cut */
  --color-3: #c8d2e2; /* Pale Periwinkle */
  --color-4: #96a8c8; /* Finesse */
  --color-5: #edf2f8; /* Airport */
}

Other schemes from Coco Malt

More Very Light Orange complementary palettes

Questions

What colors go with Coco Malt?

In a complementary scheme: Crystal Cut (#F8F4ED), Pale Periwinkle (#C8D2E2), Finesse (#96A8C8), Airport (#EDF2F8).

What is the hex code of Coco Malt?

#E4DCC9.