Splashdown Complementary Color Scheme
Five colors arranged by the complementary rule around Splashdown (#D4E8D8), each snapped to its nearest named color.
#D4E8D8
#EFF5F1
#E8D2E3
#CFA1C7
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Splashdown | #D4E8D8 | 212, 232, 216 | 132°, 30%, 87% | 9, 0, 7, 9 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Sonora Rose | #E8D2E3 | 232, 210, 227 | 314°, 32%, 87% | 0, 9, 2, 9 | |
| Geranium Bud | #CFA1C7 | 207, 161, 199 | 310°, 32%, 72% | 0, 22, 4, 19 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #CFA1C7 | 1.98:1 | — |
| Aa #CFA1C7 on #F8EEF4 | 1.93:1 | — |
| Aa #D4E8D8 on #CFA1C7 | 1.71:1 | — |
| Aa #E8D2E3 on #CFA1C7 | 1.54:1 | — |
| Aa #EFF5F1 on #E8D2E3 | 1.29:1 | — |
| Aa #E8D2E3 on #F8EEF4 | 1.26:1 | — |
CSS variables
:root {
--color-1: #d4e8d8; /* Splashdown */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #e8d2e3; /* Sonora Rose */
--color-4: #cfa1c7; /* Geranium Bud */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Splashdown
- Splashdown Analogous Color Scheme#E5E7D5#DBE9D5#D4E8D8#D6E8E1#D5E5E7
- Splashdown Triadic Color Scheme#D4E8D8#D8D3E6#E7D9D4#EFF5F1#ADA2CE
- Splashdown Split-complementary Color Scheme#D4E8D8#E0D5E9#E8D5DD#A1CDA6#F8EEF4
- Splashdown Tetradic Color Scheme#D4E8D8#D3DBE7#E8D2E3#E8E2D4#EFF5F1
- Splashdown Monochromatic Color Scheme#6EB478#A1CDA6#D4E8D8#EFF5F1#EFF5F1
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Splashdown?
In a complementary scheme: Heavy Sugar (#EFF5F1), Sonora Rose (#E8D2E3), Geranium Bud (#CFA1C7), Sentimental Pink (#F8EEF4).
What is the hex code of Splashdown?
#D4E8D8.