Water Lily Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Water Lily (#DDE3D5), each snapped to its nearest named color.
#DDE3D5
#D3D4E5
#E4D4E2
#B5C7A4
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Water Lily | #DDE3D5 | 221, 227, 213 | 86°, 20%, 86% | 3, 0, 6, 11 | 90.7% 0.020 126 | |
| Blushing Lilac | #D3D4E5 | 211, 212, 229 | 237°, 26%, 86% | 8, 7, 0, 10 | 87.4% 0.023 283 | |
| Joyful Lilac | #E4D4E2 | 228, 212, 226 | 308°, 23%, 86% | 0, 7, 1, 11 | 88.7% 0.026 330 | |
| Freshwater Green | #B5C7A4 | 181, 199, 164 | 91°, 24%, 71% | 9, 0, 18, 22 | 80.7% 0.052 130 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 | 95.8% 0.004 214 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5C7A4 on #EEF2F3 | 1.60:1 | — |
| Aa #DDE3D5 on #B5C7A4 | 1.37:1 | — |
| Aa #D3D4E5 on #EEF2F3 | 1.30:1 | — |
| Aa #E4D4E2 on #B5C7A4 | 1.27:1 | — |
| Aa #E4D4E2 on #EEF2F3 | 1.26:1 | — |
| Aa #D3D4E5 on #B5C7A4 | 1.23:1 | — |
CSS variables
:root {
--color-1: #dde3d5; /* Water Lily */
--color-2: #d3d4e5; /* Blushing Lilac */
--color-3: #e4d4e2; /* Joyful Lilac */
--color-4: #b5c7a4; /* Freshwater Green */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Water Lily
- Water Lily Complementary Color Scheme#DDE3D5#F4F4F0#D9D3E5#B3A1C6#F3F1F3
- Water Lily Analogous Color Scheme#E4DAD3#E6E2D3#DDE3D5#D6E4D4#D3E5DB
- Water Lily Triadic Color Scheme#DDE3D5#D3DDE4#E5D2DD#F4F4F0#A6B7C8
- Water Lily Tetradic Color Scheme#DDE3D5#D2E3E3#D9D3E5#E8D4D5#F4F4F0
- Water Lily Monochromatic Color Scheme#8FA277#BAC2AA#DDE3D5#F4F4F0#F4F4F0
More very light green split-complementary color schemes
- 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
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Water Lily?
In a split-complementary scheme: Blushing Lilac (#D3D4E5), Joyful Lilac (#E4D4E2), Freshwater Green (#B5C7A4), Maui Mist (#EEF2F3).
What is the hex code of Water Lily?
#DDE3D5.