Huebook

Au Clair de la Lune Complementary Color Scheme

Five colors arranged by the complementary rule around Au Clair de la Lune (#F4F2E2), each snapped to its nearest named color.

#F4F2E2
#F9F7EC
#E1E6F2
#ACB5DC
#E9EDF6

Color names and codes

NameHEXRGBHSLCMYK
Au Clair de la Lune#F4F2E2244, 242, 22653°, 45%, 92%0, 1, 7, 4
Night Blooming Jasmine#F9F7EC249, 247, 23651°, 52%, 95%0, 1, 5, 2
Crystal Falls#E1E6F2225, 230, 242222°, 40%, 92%7, 5, 0, 5
Sassy Violet#ACB5DC172, 181, 220229°, 41%, 77%22, 18, 0, 14
Coconut White#E9EDF6233, 237, 246222°, 42%, 94%5, 4, 0, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F9F7EC on #ACB5DC1.88:1—
Aa #F4F2E2 on #ACB5DC1.79:1—
Aa #ACB5DC on #E9EDF61.72:1—
Aa #E1E6F2 on #ACB5DC1.62:1—
Aa #F9F7EC on #E1E6F21.16:1—
Aa #F4F2E2 on #E1E6F21.11:1—

CSS variables

:root {
  --color-1: #f4f2e2; /* Au Clair de la Lune */
  --color-2: #f9f7ec; /* Night Blooming Jasmine */
  --color-3: #e1e6f2; /* Crystal Falls */
  --color-4: #acb5dc; /* Sassy Violet */
  --color-5: #e9edf6; /* Coconut White */
}

Other schemes from Au Clair de la Lune

More Very Light Yellow complementary palettes

Questions

What colors go with Au Clair de la Lune?

In a complementary scheme: Night Blooming Jasmine (#F9F7EC), Crystal Falls (#E1E6F2), Sassy Violet (#ACB5DC), Coconut White (#E9EDF6).

What is the hex code of Au Clair de la Lune?

#F4F2E2.