Huebook

Crispy Crunch Complementary Color Scheme

Five colors arranged by the complementary rule around Crispy Crunch (#7A8F68), each snapped to its nearest named color.

#7A8F68
#A8BF93
#7B5D92
#57446A
#B598C3

Color names and codes

NameHEXRGBHSLCMYK
Crispy Crunch#7A8F68122, 143, 10492°, 16%, 48%15, 0, 27, 44
Japanese Horseradish#A8BF93168, 191, 14791°, 26%, 66%12, 0, 23, 25
Ghostly Purple#7B5D92123, 93, 146274°, 22%, 47%16, 36, 0, 43
Haunted Candelabra#57446A87, 68, 106270°, 22%, 34%18, 36, 0, 58
Atlantic Tulip#B598C3181, 152, 195280°, 26%, 68%7, 22, 0, 24

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A8BF93 on #57446A4.32:1AA large
Aa #57446A on #B598C33.38:1AA large
Aa #A8BF93 on #7B5D922.76:1—
Aa #7A8F68 on #57446A2.44:1—
Aa #7B5D92 on #B598C32.16:1—
Aa #7A8F68 on #A8BF931.77:1—

CSS variables

:root {
  --color-1: #7a8f68; /* Crispy Crunch */
  --color-2: #a8bf93; /* Japanese Horseradish */
  --color-3: #7b5d92; /* Ghostly Purple */
  --color-4: #57446a; /* Haunted Candelabra */
  --color-5: #b598c3; /* Atlantic Tulip */
}

Other schemes from Crispy Crunch

More Medium Green complementary palettes

Questions

What colors go with Crispy Crunch?

In a complementary scheme: Japanese Horseradish (#A8BF93), Ghostly Purple (#7B5D92), Haunted Candelabra (#57446A), Atlantic Tulip (#B598C3).

What is the hex code of Crispy Crunch?

#7A8F68.