Full Moon Complementary Color Scheme
Five colors arranged by the complementary rule around Full Moon (#F4F3E0), each snapped to its nearest named color.
#F4F3E0
#F9F7EC
#E0E3EF
#ACACE6
#E9EDF6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Full Moon | #F4F3E0 | 244, 243, 224 | 57°, 48%, 92% | 0, 0, 8, 4 | |
| Night Blooming Jasmine | #F9F7EC | 249, 247, 236 | 51°, 52%, 95% | 0, 1, 5, 2 | |
| Iris Ice | #E0E3EF | 224, 227, 239 | 228°, 32%, 91% | 6, 5, 0, 6 | |
| Maximum Blue Purple | #ACACE6 | 172, 172, 230 | 240°, 54%, 79% | 25, 25, 0, 10 | |
| Coconut White | #E9EDF6 | 233, 237, 246 | 222°, 42%, 94% | 5, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9F7EC on #ACACE6 | 1.99:1 | — |
| Aa #F4F3E0 on #ACACE6 | 1.91:1 | — |
| Aa #ACACE6 on #E9EDF6 | 1.83:1 | — |
| Aa #E0E3EF on #ACACE6 | 1.67:1 | — |
| Aa #F9F7EC on #E0E3EF | 1.19:1 | — |
| Aa #F4F3E0 on #E0E3EF | 1.14:1 | — |
CSS variables
:root {
--color-1: #f4f3e0; /* Full Moon */
--color-2: #f9f7ec; /* Night Blooming Jasmine */
--color-3: #e0e3ef; /* Iris Ice */
--color-4: #acace6; /* Maximum Blue Purple */
--color-5: #e9edf6; /* Coconut White */
}Other schemes from Full Moon
- Full Moon Analogous Color Scheme#F4E2E1#F3E9E0#F4F3E0#ECF3E1#E2F5E1
- Full Moon Triadic Color Scheme#F4F3E0#E1F2F0#EFE2F2#F9F7EC#ABE3DE
- Full Moon Split-complementary Color Scheme#F4F3E0#E0E9F3#EFE2F2#E2DCAB#ECF3F9
- Full Moon Tetradic Color Scheme#F4F3E0#E1F5E5#E0E3EF#F3E0EB#F9F7EC
- Full Moon Monochromatic Color Scheme#CAC76D#E2DCAB#F4F3E0#F9F7EC#F9F7EC
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Full Moon?
In a complementary scheme: Night Blooming Jasmine (#F9F7EC), Iris Ice (#E0E3EF), Maximum Blue Purple (#ACACE6), Coconut White (#E9EDF6).
What is the hex code of Full Moon?
#F4F3E0.