Splashdown Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Splashdown (#D4E8D8), each snapped to its nearest named color.
#6EB478
#A1CDA6
#D4E8D8
#EFF5F1
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Appleton | #6EB478 | 110, 180, 120 | 129°, 32%, 57% | 39, 0, 33, 29 | |
| Fescue | #A1CDA6 | 161, 205, 166 | 127°, 31%, 72% | 21, 0, 19, 20 | |
| 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 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6EB478 on #EFF5F1 | 2.25:1 | — |
| Aa #6EB478 on #EFF5F1 | 2.25:1 | — |
| Aa #6EB478 on #D4E8D8 | 1.93:1 | — |
| Aa #A1CDA6 on #EFF5F1 | 1.61:1 | — |
| Aa #A1CDA6 on #EFF5F1 | 1.61:1 | — |
| Aa #6EB478 on #A1CDA6 | 1.39:1 | — |
CSS variables
:root {
--color-1: #6eb478; /* Appleton */
--color-2: #a1cda6; /* Fescue */
--color-3: #d4e8d8; /* Splashdown */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #eff5f1; /* Heavy Sugar */
}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 Split-complementary Color Scheme#D4E8D8#E0D5E9#E8D5DD#A1CDA6#F8EEF4
- Splashdown Tetradic Color Scheme#D4E8D8#D3DBE7#E8D2E3#E8E2D4#EFF5F1
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Splashdown?
In a monochromatic scheme: Appleton (#6EB478), Fescue (#A1CDA6), Heavy Sugar (#EFF5F1), Heavy Sugar (#EFF5F1).
What is the hex code of Splashdown?
#D4E8D8.