Huebook

Oatmeal Cookie Analogous Color Scheme

Five colors arranged by the analogous rule around Oatmeal Cookie (#EADAC6), each snapped to its nearest named color.

#EDC5D7
#EBC9C6
#EADAC6
#E9E9C7
#D7E9C8

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Tussie-Mussie#EDC5D7237, 197, 215333°, 53%, 85%0, 17, 9, 786.3% 0.051 349
Fairy Floss#EBC9C6235, 201, 1985°, 48%, 85%0, 14, 16, 886.4% 0.039 24
Oatmeal Cookie#EADAC6234, 218, 19833°, 46%, 85%0, 7, 15, 889.6% 0.032 74
Pale Celery#E9E9C7233, 233, 19960°, 44%, 85%0, 0, 15, 992.5% 0.045 107
Korila#D7E9C8215, 233, 20093°, 43%, 85%8, 0, 14, 991.2% 0.048 131

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EDC5D7 on #E9E9C71.25:1—
Aa #EBC9C6 on #E9E9C71.24:1—
Aa #EDC5D7 on #D7E9C81.21:1—
Aa #EBC9C6 on #D7E9C81.20:1—
Aa #EDC5D7 on #EADAC61.13:1—
Aa #EBC9C6 on #EADAC61.12:1—

CSS variables

:root {
  --color-1: #edc5d7; /* Tussie-Mussie */
  --color-2: #ebc9c6; /* Fairy Floss */
  --color-3: #eadac6; /* Oatmeal Cookie */
  --color-4: #e9e9c7; /* Pale Celery */
  --color-5: #d7e9c8; /* Korila */
}

Other schemes from Oatmeal Cookie

More very light orange analogous color schemes

Questions

What colors go with Oatmeal Cookie?

In a analogous scheme: Tussie-Mussie (#EDC5D7), Fairy Floss (#EBC9C6), Pale Celery (#E9E9C7), Korila (#D7E9C8).

What is the hex code of Oatmeal Cookie?

#EADAC6.