Cannoli Cream Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cannoli Cream (#EDECDB), each snapped to its nearest named color.
#EDECDB
#DAE4ED
#E5DBEB
#D2CFA6
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cannoli Cream | #EDECDB | 237, 236, 219 | 57°, 33%, 89% | 0, 0, 8, 7 | 93.9% 0.023 104 | |
| Ocean Air | #DAE4ED | 218, 228, 237 | 208°, 35%, 89% | 8, 4, 0, 7 | 91.4% 0.016 245 | |
| Princess Fairy Tale | #E5DBEB | 229, 219, 235 | 278°, 29%, 89% | 3, 7, 0, 8 | 90.4% 0.024 313 | |
| Heart of Palm | #D2CFA6 | 210, 207, 166 | 56°, 33%, 74% | 0, 1, 21, 18 | 84.6% 0.055 104 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | 95.9% 0.010 253 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2CFA6 on #EDF2F8 | 1.41:1 | — |
| Aa #EDECDB on #D2CFA6 | 1.33:1 | — |
| Aa #DAE4ED on #D2CFA6 | 1.23:1 | — |
| Aa #E5DBEB on #EDF2F8 | 1.19:1 | — |
| Aa #E5DBEB on #D2CFA6 | 1.19:1 | — |
| Aa #DAE4ED on #EDF2F8 | 1.14:1 | — |
CSS variables
:root {
--color-1: #edecdb; /* Cannoli Cream */
--color-2: #dae4ed; /* Ocean Air */
--color-3: #e5dbeb; /* Princess Fairy Tale */
--color-4: #d2cfa6; /* Heart of Palm */
--color-5: #edf2f8; /* Airport */
}Other schemes from Cannoli Cream
- Cannoli Cream Complementary Color Scheme#EDECDB#F7F5ED#DADDED#ABA9D2#EBECF5
- Cannoli Cream Analogous Color Scheme#EEDADD#ECE3DC#EDECDB#E7EDDD#DCEEDB
- Cannoli Cream Triadic Color Scheme#EDECDB#DEEDEB#EEDDEE#F7F5ED#AAD4D1
- Cannoli Cream Tetradic Color Scheme#EDECDB#DCEEE3#DADDED#EEDAE6#F7F5ED
- Cannoli Cream Monochromatic Color Scheme#BBB875#D2CFA6#EDECDB#F7F5ED#F7F5ED
More very light yellow split-complementary color schemes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Cannoli Cream?
In a split-complementary scheme: Ocean Air (#DAE4ED), Princess Fairy Tale (#E5DBEB), Heart of Palm (#D2CFA6), Airport (#EDF2F8).
What is the hex code of Cannoli Cream?
#EDECDB.