Huebook

Forgotten Mosque Complementary Color Scheme

Five colors arranged by the complementary rule around Forgotten Mosque (#E2D9DB), each snapped to its nearest named color.

#E2D9DB
#F5F0F1
#D6E5E2
#A7C9C0
#F0F4F2

Color names and codes

NameHEXRGBHSLCMYK
Forgotten Mosque#E2D9DB226, 217, 219347°, 13%, 87%0, 4, 3, 11
Plastic Clouds#F5F0F1245, 240, 241348°, 20%, 95%0, 2, 2, 4
Cave Pearl#D6E5E2214, 229, 226168°, 22%, 87%7, 0, 1, 10
Wave Runner#A7C9C0167, 201, 192164°, 24%, 72%17, 0, 4, 21
Bakery Box#F0F4F2240, 244, 242150°, 15%, 95%2, 0, 1, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A7C9C0 on #F0F4F21.61:1—
Aa #F5F0F1 on #A7C9C01.58:1—
Aa #D6E5E2 on #A7C9C01.37:1—
Aa #E2D9DB on #A7C9C01.29:1—
Aa #E2D9DB on #F0F4F21.25:1—
Aa #E2D9DB on #F5F0F11.23:1—

CSS variables

:root {
  --color-1: #e2d9db; /* Forgotten Mosque */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #d6e5e2; /* Cave Pearl */
  --color-4: #a7c9c0; /* Wave Runner */
  --color-5: #f0f4f2; /* Bakery Box */
}

Other schemes from Forgotten Mosque

More Very Light Red complementary palettes

Questions

What colors go with Forgotten Mosque?

In a complementary scheme: Plastic Clouds (#F5F0F1), Cave Pearl (#D6E5E2), Wave Runner (#A7C9C0), Bakery Box (#F0F4F2).

What is the hex code of Forgotten Mosque?

#E2D9DB.