Clair de Lune Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Clair de Lune (#DBE9DF), each snapped to its nearest named color.
#DBE9DF
#E5DBEB
#E9DBDE
#AACCB9
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clair de Lune | #DBE9DF | 219, 233, 223 | 137°, 24%, 89% | 6, 0, 4, 9 | |
| Princess Fairy Tale | #E5DBEB | 229, 219, 235 | 278°, 29%, 89% | 3, 7, 0, 8 | |
| Red Emulsion | #E9DBDE | 233, 219, 222 | 347°, 24%, 89% | 0, 6, 5, 9 | |
| Bird’s Egg Green | #AACCB9 | 170, 204, 185 | 146°, 25%, 73% | 17, 0, 9, 20 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AACCB9 on #F6F1F4 | 1.56:1 | — |
| Aa #DBE9DF on #AACCB9 | 1.39:1 | — |
| Aa #E5DBEB on #AACCB9 | 1.30:1 | — |
| Aa #E9DBDE on #AACCB9 | 1.30:1 | — |
| Aa #E9DBDE on #F6F1F4 | 1.20:1 | — |
| Aa #E5DBEB on #F6F1F4 | 1.20:1 | — |
CSS variables
:root {
--color-1: #dbe9df; /* Clair de Lune */
--color-2: #e5dbeb; /* Princess Fairy Tale */
--color-3: #e9dbde; /* Red Emulsion */
--color-4: #aaccb9; /* Bird’s Egg Green */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Clair de Lune
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Clair de Lune Analogous Color Scheme#E4E8DA#DFEADB#DBE9DF#D9E9E5#DAE6E9
- Clair de Lune Triadic Color Scheme#DBE9DF#DCDDE7#E8DEDB#EFF5F1#B4AECC
- Clair de Lune Tetradic Color Scheme#DBE9DF#DADEE9#E9DBE4#E9E6DC#EFF5F1
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
- Creamy Mint Split-complementary Color Scheme#AAFFAA#CCAAFF#FFA6D9#53FE5C#F0EBFC
Questions
What colors go with Clair de Lune?
In a split-complementary scheme: Princess Fairy Tale (#E5DBEB), Red Emulsion (#E9DBDE), Bird’s Egg Green (#AACCB9), Grim White (#F6F1F4).
What is the hex code of Clair de Lune?
#DBE9DF.