Sweet Dreams Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sweet Dreams (#ECCEE5), each snapped to its nearest named color.
#ECCEE5
#D7ECCD
#CDEAE5
#D39BCB
#F1F8EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sweet Dreams | #ECCEE5 | 236, 206, 229 | 314°, 44%, 87% | 0, 13, 3, 7 | 88.3% 0.045 334 | |
| Lantana Lime | #D7ECCD | 215, 236, 205 | 101°, 45%, 86% | 9, 0, 13, 7 | 91.9% 0.047 135 | |
| Source Blue | #CDEAE5 | 205, 234, 229 | 170°, 41%, 86% | 12, 0, 2, 8 | 91.5% 0.031 184 | |
| Girl Power | #D39BCB | 211, 155, 203 | 309°, 39%, 72% | 0, 27, 4, 17 | 75.8% 0.092 331 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 | 97.1% 0.017 132 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D39BCB on #F1F8EC | 2.08:1 | — |
| Aa #D7ECCD on #D39BCB | 1.80:1 | — |
| Aa #CDEAE5 on #D39BCB | 1.77:1 | — |
| Aa #ECCEE5 on #D39BCB | 1.56:1 | — |
| Aa #ECCEE5 on #F1F8EC | 1.33:1 | — |
| Aa #CDEAE5 on #F1F8EC | 1.17:1 | — |
CSS variables
:root {
--color-1: #eccee5; /* Sweet Dreams */
--color-2: #d7eccd; /* Lantana Lime */
--color-3: #cdeae5; /* Source Blue */
--color-4: #d39bcb; /* Girl Power */
--color-5: #f1f8ec; /* Garden Dawn */
}Other schemes from Sweet Dreams
- Sweet Dreams Complementary Color Scheme#ECCEE5#F8EEF4#D0EED7#95D6A1#EBF8EF
- Sweet Dreams Analogous Color Scheme#D7D1E9#E7CFE8#ECCEE5#EDCCD6#EAD6CE
- Sweet Dreams Triadic Color Scheme#ECCEE5#E6ECCC#CCE7EB#F8EEF4#C5D498
- Sweet Dreams Tetradic Color Scheme#ECCEE5#ECE4CE#D0EED7#CDD7EC#F8EEF4
- Sweet Dreams Monochromatic Color Scheme#CE6BA6#D39BCB#ECCEE5#F8EEF4#F8EEF4
More very light pink split-complementary color schemes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Sweet Dreams?
In a split-complementary scheme: Lantana Lime (#D7ECCD), Source Blue (#CDEAE5), Girl Power (#D39BCB), Garden Dawn (#F1F8EC).
What is the hex code of Sweet Dreams?
#ECCEE5.