Huebook

Coconut Agony Complementary Color Scheme

Five colors arranged by the complementary rule around Coconut Agony (#EBE8E7), each snapped to its nearest named color.

#EBE8E7
#F5F0F1
#E3ECED
#B5C9D2
#F1F3F3

Color names and codes

NameHEXRGBHSLCMYK
Coconut Agony#EBE8E7235, 232, 23115°, 9%, 91%0, 1, 2, 8
Plastic Clouds#F5F0F1245, 240, 241348°, 20%, 95%0, 2, 2, 4
Aquafir#E3ECED227, 236, 237186°, 22%, 91%4, 0, 0, 7
English Hollyhock#B5C9D2181, 201, 210199°, 24%, 77%14, 4, 0, 18
Zappy Zebra#F1F3F3241, 243, 243180°, 8%, 95%1, 0, 0, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B5C9D2 on #F1F3F31.54:1—
Aa #F5F0F1 on #B5C9D21.52:1—
Aa #E3ECED on #B5C9D21.43:1—
Aa #EBE8E7 on #B5C9D21.41:1—
Aa #EBE8E7 on #F1F3F31.09:1—
Aa #EBE8E7 on #F5F0F11.08:1—

CSS variables

:root {
  --color-1: #ebe8e7; /* Coconut Agony */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #e3eced; /* Aquafir */
  --color-4: #b5c9d2; /* English Hollyhock */
  --color-5: #f1f3f3; /* Zappy Zebra */
}

Other schemes from Coconut Agony

More Very Light Gray complementary palettes

Questions

What colors go with Coconut Agony?

In a complementary scheme: Plastic Clouds (#F5F0F1), Aquafir (#E3ECED), English Hollyhock (#B5C9D2), Zappy Zebra (#F1F3F3).

What is the hex code of Coconut Agony?

#EBE8E7.