Huebook

Au Clair de la Lune Split-complementary Color Scheme

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

#F4F2E2
#E2ECF2
#EFE2F2
#DED6AC
#ECF3F9

Color names and codes

NameHEXRGBHSLCMYK
Au Clair de la Lune#F4F2E2244, 242, 22653°, 45%, 92%0, 1, 7, 4
Out Cold#E2ECF2226, 236, 242202°, 38%, 92%7, 2, 0, 5
Sheer Lavender#EFE2F2239, 226, 242289°, 38%, 92%1, 7, 0, 5
Primitive Green#DED6AC222, 214, 17250°, 43%, 77%0, 4, 23, 13
Insignia White#ECF3F9236, 243, 249208°, 52%, 95%5, 2, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DED6AC on #ECF3F91.31:1—
Aa #F4F2E2 on #DED6AC1.30:1—
Aa #E2ECF2 on #DED6AC1.22:1—
Aa #EFE2F2 on #DED6AC1.18:1—
Aa #EFE2F2 on #ECF3F91.11:1—
Aa #F4F2E2 on #EFE2F21.11:1—

CSS variables

:root {
  --color-1: #f4f2e2; /* Au Clair de la Lune */
  --color-2: #e2ecf2; /* Out Cold */
  --color-3: #efe2f2; /* Sheer Lavender */
  --color-4: #ded6ac; /* Primitive Green */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from Au Clair de la Lune

More Very Light Yellow split-complementary palettes

Questions

What colors go with Au Clair de la Lune?

In a split-complementary scheme: Out Cold (#E2ECF2), Sheer Lavender (#EFE2F2), Primitive Green (#DED6AC), Insignia White (#ECF3F9).

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

#F4F2E2.