Splashdown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Splashdown (#D4E8D8), each snapped to its nearest named color.
#D4E8D8
#E0D5E9
#E8D5DD
#A1CDA6
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Splashdown | #D4E8D8 | 212, 232, 216 | 132°, 30%, 87% | 9, 0, 7, 9 | 91.2% 0.030 151 | |
| Light Purity | #E0D5E9 | 224, 213, 233 | 273°, 31%, 87% | 4, 9, 0, 9 | 88.8% 0.029 310 | |
| Swiss Rose | #E8D5DD | 232, 213, 221 | 335°, 29%, 87% | 0, 8, 5, 9 | 89.1% 0.023 350 | |
| Fescue | #A1CDA6 | 161, 205, 166 | 127°, 31%, 72% | 21, 0, 19, 20 | 80.6% 0.072 148 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | 95.9% 0.013 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A1CDA6 on #F8EEF4 | 1.57:1 | — |
| Aa #D4E8D8 on #A1CDA6 | 1.38:1 | — |
| Aa #E8D5DD on #A1CDA6 | 1.27:1 | — |
| Aa #E0D5E9 on #A1CDA6 | 1.26:1 | — |
| Aa #E0D5E9 on #F8EEF4 | 1.25:1 | — |
| Aa #E8D5DD on #F8EEF4 | 1.24:1 | — |
CSS variables
:root {
--color-1: #d4e8d8; /* Splashdown */
--color-2: #e0d5e9; /* Light Purity */
--color-3: #e8d5dd; /* Swiss Rose */
--color-4: #a1cda6; /* Fescue */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Splashdown
- Splashdown Complementary Color Scheme#D4E8D8#EFF5F1#E8D2E3#CFA1C7#F8EEF4
- Splashdown Analogous Color Scheme#E5E7D5#DBE9D5#D4E8D8#D6E8E1#D5E5E7
- Splashdown Triadic Color Scheme#D4E8D8#D8D3E6#E7D9D4#EFF5F1#ADA2CE
- Splashdown Tetradic Color Scheme#D4E8D8#D3DBE7#E8D2E3#E8E2D4#EFF5F1
- Splashdown Monochromatic Color Scheme#6EB478#A1CDA6#D4E8D8#EFF5F1#EFF5F1
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 Splashdown?
In a split-complementary scheme: Light Purity (#E0D5E9), Swiss Rose (#E8D5DD), Fescue (#A1CDA6), Sentimental Pink (#F8EEF4).
What is the hex code of Splashdown?
#D4E8D8.