Splashdown Triadic Color Scheme
Five colors arranged by the triadic rule around Splashdown (#D4E8D8), each snapped to its nearest named color.
#D4E8D8
#D8D3E6
#E7D9D4
#EFF5F1
#ADA2CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Splashdown | #D4E8D8 | 212, 232, 216 | 132°, 30%, 87% | 9, 0, 7, 9 | |
| Violet Crush | #D8D3E6 | 216, 211, 230 | 256°, 28%, 86% | 6, 8, 0, 10 | |
| Light Lip Gloss | #E7D9D4 | 231, 217, 212 | 16°, 28%, 87% | 0, 6, 8, 9 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Puturple | #ADA2CE | 173, 162, 206 | 255°, 31%, 72% | 16, 21, 0, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #ADA2CE | 2.15:1 | — |
| Aa #D4E8D8 on #ADA2CE | 1.85:1 | — |
| Aa #E7D9D4 on #ADA2CE | 1.73:1 | — |
| Aa #D8D3E6 on #ADA2CE | 1.63:1 | — |
| Aa #D8D3E6 on #EFF5F1 | 1.32:1 | — |
| Aa #E7D9D4 on #EFF5F1 | 1.24:1 | — |
CSS variables
:root {
--color-1: #d4e8d8; /* Splashdown */
--color-2: #d8d3e6; /* Violet Crush */
--color-3: #e7d9d4; /* Light Lip Gloss */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #ada2ce; /* Puturple */
}Other schemes from Splashdown
- Splashdown Complementary Color Scheme#D4E8D8#EFF5F1#E8D2E3#CFA1C7#F8EEF4
- Splashdown Analogous Color Scheme#E5E7D5#DBE9D5#D4E8D8#D6E8E1#D5E5E7
- 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 triadic palettes
- Airy Fields Triadic Color Scheme#DBE0C4#C5DCE0#E1C6D6#F4F7EE#95BCC5
- Ambrosia Triadic Color Scheme#C6E1BC#BBC5E2#E4BDC2#F1F8EC#8895C5
- Amnesiac White Triadic Color Scheme#F8FBEB#E8F7FD#FCEBFA#F8FBEB#ACE1F0
- Arabica Mint Triadic Color Scheme#C0FFEE#EFC0FE#FFEFC1#E7FAFA#DF73FF
- Bath Bubbles Triadic Color Scheme#E6F2EA#ECE7F2#F2EBE6#EFF5F1#C0B2D7
- Bethlehem Superstar Triadic Color Scheme#EAEEDA#DBEAED#EDDBE9#F4F7EE#A6CCD6
- Blissful Serenity Triadic Color Scheme#EAEED8#DAEBEF#EFD7E7#F6F7ED#A1CED7
- Breath of Celery Triadic Color Scheme#DCE7CB#C9DCE7#E6CCDD#F4F7EE#9CBACD
- Candied Snow Triadic Color Scheme#D8FFF3#EEDDFF#FFF2D7#EBFCF5#D783FF
- Caribbean Triadic Color Scheme#CAF0E5#EECCEE#F1E4CB#E9F9F5#CC88DD
- Clair de Lune Triadic Color Scheme#DBE9DF#DCDDE7#E8DEDB#EFF5F1#B4AECC
- Creamy Garlic Triadic Color Scheme#ECEFE3#E3ECED#EEE1EB#F4F7EE#B4CBD4
Questions
What colors go with Splashdown?
In a triadic scheme: Violet Crush (#D8D3E6), Light Lip Gloss (#E7D9D4), Heavy Sugar (#EFF5F1), Puturple (#ADA2CE).
What is the hex code of Splashdown?
#D4E8D8.