Futon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Futon (#EDF6DB), each snapped to its nearest named color.
#EDF6DB
#D8E1F1
#F4DAF1
#D5E69D
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Futon | #EDF6DB | 237, 246, 219 | 80°, 60%, 91% | 4, 0, 11, 4 | 95.9% 0.037 122 | |
| Aquarelle Purple | #D8E1F1 | 216, 225, 241 | 218°, 47%, 90% | 10, 7, 0, 5 | 90.8% 0.024 262 | |
| Grape Taffy | #F4DAF1 | 244, 218, 241 | 307°, 54%, 91% | 0, 11, 1, 4 | 91.6% 0.042 330 | |
| Apple Bob | #D5E69D | 213, 230, 157 | 74°, 59%, 76% | 7, 0, 32, 10 | 89.5% 0.096 119 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 | 94.9% 0.014 255 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EDF6DB on #D5E69D | 1.20:1 | — |
| Aa #EDF6DB on #D8E1F1 | 1.18:1 | — |
| Aa #EDF6DB on #F4DAF1 | 1.16:1 | — |
| Aa #D5E69D on #E8EFF8 | 1.16:1 | — |
| Aa #D8E1F1 on #E8EFF8 | 1.14:1 | — |
| Aa #F4DAF1 on #E8EFF8 | 1.12:1 | — |
CSS variables
:root {
--color-1: #edf6db; /* Futon */
--color-2: #d8e1f1; /* Aquarelle Purple */
--color-3: #f4daf1; /* Grape Taffy */
--color-4: #d5e69d; /* Apple Bob */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Futon
- Futon Complementary Color Scheme#EDF6DB#F6FCEB#E6DEF0#B195E4#F0EBFC
- Futon Analogous Color Scheme#F6E5DB#F7F2DA#EDF6DB#E2F7D9#DCF4E6
- Futon Triadic Color Scheme#EDF6DB#DCECF5#F4DAF1#F6FCEB#9DCDE5
- Futon Tetradic Color Scheme#EDF6DB#D7F5F6#E6DEF0#F8DBE0#F6FCEB
- Futon Monochromatic Color Scheme#AADD66#D5E69D#EDF6DB#F6FCEB#F6FCEB
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 Futon?
In a split-complementary scheme: Aquarelle Purple (#D8E1F1), Grape Taffy (#F4DAF1), Apple Bob (#D5E69D), First Snow (#E8EFF8).
What is the hex code of Futon?
#EDF6DB.