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

NameHEXRGBHSLCMYK
Marshmallow Rose#F7E5E6247, 229, 230357°, 53%, 93%0, 7, 7, 3
White Rabbit#F8EEE7248, 238, 23125°, 55%, 94%0, 4, 7, 3
Flickering Firefly#F8F6E6248, 246, 23053°, 56%, 94%0, 1, 7, 3
Bean Sprout#F3F9E9243, 249, 23383°, 57%, 95%2, 0, 6, 2
Panache#EBF7E4235, 247, 22898°, 54%, 93%5, 0, 8, 3

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 palettes

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.