Huebook

Popcorn Pause Complementary Color Scheme

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

#F4EDE0
#F8F4ED
#E1E6F2
#A6BCE2
#EDF2F8

Color names and codes

NameHEXRGBHSLCMYK
Popcorn Pause#F4EDE0244, 237, 22439°, 48%, 92%0, 3, 8, 4
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3
Crystal Falls#E1E6F2225, 230, 242222°, 40%, 92%7, 5, 0, 5
Blue Lips#A6BCE2166, 188, 226218°, 51%, 77%27, 17, 0, 11
Airport#EDF2F8237, 242, 248213°, 44%, 95%4, 2, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F4ED on #A6BCE21.76:1—
Aa #A6BCE2 on #EDF2F81.71:1—
Aa #F4EDE0 on #A6BCE21.65:1—
Aa #E1E6F2 on #A6BCE21.54:1—
Aa #F8F4ED on #E1E6F21.14:1—
Aa #E1E6F2 on #EDF2F81.11:1—

CSS variables

:root {
  --color-1: #f4ede0; /* Popcorn Pause */
  --color-2: #f8f4ed; /* Crystal Cut */
  --color-3: #e1e6f2; /* Crystal Falls */
  --color-4: #a6bce2; /* Blue Lips */
  --color-5: #edf2f8; /* Airport */
}

Other schemes from Popcorn Pause

More Very Light Orange complementary palettes

Questions

What colors go with Popcorn Pause?

In a complementary scheme: Crystal Cut (#F8F4ED), Crystal Falls (#E1E6F2), Blue Lips (#A6BCE2), Airport (#EDF2F8).

What is the hex code of Popcorn Pause?

#F4EDE0.