Au Clair de la Lune Tetradic Color Scheme
Five colors arranged by the tetradic rule around Au Clair de la Lune (#F4F2E2), each snapped to its nearest named color.
#F4F2E2
#E5F2E7
#E1E6F2
#F6E2EC
#F9F7EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Au Clair de la Lune | #F4F2E2 | 244, 242, 226 | 53°, 45%, 92% | 0, 1, 7, 4 | |
| Polar | #E5F2E7 | 229, 242, 231 | 129°, 33%, 92% | 5, 0, 5, 5 | |
| Crystal Falls | #E1E6F2 | 225, 230, 242 | 222°, 40%, 92% | 7, 5, 0, 5 | |
| Pale Orchid Petal | #F6E2EC | 246, 226, 236 | 330°, 53%, 93% | 0, 8, 4, 4 | |
| Night Blooming Jasmine | #F9F7EC | 249, 247, 236 | 51°, 52%, 95% | 0, 1, 5, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E1E6F2 on #F9F7EC | 1.16:1 | — |
| Aa #F6E2EC on #F9F7EC | 1.15:1 | — |
| Aa #F4F2E2 on #E1E6F2 | 1.11:1 | — |
| Aa #F4F2E2 on #F6E2EC | 1.10:1 | — |
| Aa #E5F2E7 on #E1E6F2 | 1.08:1 | — |
| Aa #E5F2E7 on #F9F7EC | 1.07:1 | — |
CSS variables
:root {
--color-1: #f4f2e2; /* Au Clair de la Lune */
--color-2: #e5f2e7; /* Polar */
--color-3: #e1e6f2; /* Crystal Falls */
--color-4: #f6e2ec; /* Pale Orchid Petal */
--color-5: #f9f7ec; /* Night Blooming Jasmine */
}Other schemes from Au Clair de la Lune
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Au Clair de la Lune Analogous Color Scheme#F5E3E2#F4E8E1#F4F2E2#ECF3E1#E4F5E1
- Au Clair de la Lune Triadic Color Scheme#F4F2E2#E1F2F0#F2E4F5#F9F7EC#A9DEDA
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Au Clair de la Lune Monochromatic Color Scheme#C7C176#DED6AC#F4F2E2#F9F7EC#F9F7EC
More Very Light Yellow tetradic palettes
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banana Cream Tetradic Color Scheme#FFF49C#96FBC4#99AAFF#FF99DD#FFFCE4
- Banana Milk Tetradic Color Scheme#FFF7AD#AAFFCC#B5AFFF#FFAADD#FFFEE5
- Banana Split Tetradic Color Scheme#F7EEC8#C9F0D1#C9D1EF#FBCCE7#FBF9E8
- Blanc Cassé Tetradic Color Scheme#F1EEE2#E4F0E8#E1E6F2#EEE1EB#F7F5ED
- Blanco Tetradic Color Scheme#EBEAE5#E1EEE6#E0E3EF#EEE1EB#F6F4EF
- Bleached Sunflower Tetradic Color Scheme#FBE8A8#A0FEBF#A2BFFE#F2ABE1#FFF9E7
- Blond Tetradic Color Scheme#FAF0BE#BEF7CF#BBCFEF#FABFE4#FFF9E7
- Bollywood Gold Tetradic Color Scheme#FFFBAB#AAFFCC#AAAAFF#FFAADD#FFFEE5
- Bullet Hell Tetradic Color Scheme#FAF1C8#CCFFDD#CCD5FF#FFC8E9#FBF9E8
- Butter Honey Tetradic Color Scheme#F5E5AB#ABEDC9#B8B8F8#F2ABE1#FBF9E8
- Buttered Tetradic Color Scheme#ECE2B7#B8EBC5#B7C0EA#E9B8DE#FAF7EB
Questions
What colors go with Au Clair de la Lune?
In a tetradic scheme: Polar (#E5F2E7), Crystal Falls (#E1E6F2), Pale Orchid Petal (#F6E2EC), Night Blooming Jasmine (#F9F7EC).
What is the hex code of Au Clair de la Lune?
#F4F2E2.