Huebook

Flickering Firefly Analogous Color Scheme

Five colors arranged by the analogous rule around Flickering Firefly (#F8F6E6), each snapped to its nearest named color.

#F7E5E6
#F8EEE7
#F8F6E6
#F3F9E9
#EBF7E4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Marshmallow Rose#F7E5E6247, 229, 230357°, 53%, 93%0, 7, 7, 393.7% 0.020 14
White Rabbit#F8EEE7248, 238, 23125°, 55%, 94%0, 4, 7, 395.5% 0.014 58
Flickering Firefly#F8F6E6248, 246, 23053°, 56%, 94%0, 1, 7, 397.0% 0.021 101
Bean Sprout#F3F9E9243, 249, 23383°, 57%, 95%2, 0, 6, 297.3% 0.022 124
Panache#EBF7E4235, 247, 22898°, 54%, 93%5, 0, 8, 396.2% 0.028 134

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7E5E6 on #F3F9E91.13:1—
Aa #F7E5E6 on #F8F6E61.12:1—
Aa #F7E5E6 on #EBF7E41.10:1—
Aa #F8EEE7 on #F3F9E91.06:1—
Aa #F7E5E6 on #F8EEE71.06:1—
Aa #F8EEE7 on #F8F6E61.05:1—

CSS variables

:root {
  --color-1: #f7e5e6; /* Marshmallow Rose */
  --color-2: #f8eee7; /* White Rabbit */
  --color-3: #f8f6e6; /* Flickering Firefly */
  --color-4: #f3f9e9; /* Bean Sprout */
  --color-5: #ebf7e4; /* Panache */
}

Other schemes from Flickering Firefly

More very light yellow analogous color schemes

Questions

What colors go with Flickering Firefly?

In a analogous scheme: Marshmallow Rose (#F7E5E6), White Rabbit (#F8EEE7), Bean Sprout (#F3F9E9), Panache (#EBF7E4).

What is the hex code of Flickering Firefly?

#F8F6E6.