Cake Frosting Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cake Frosting (#F9DFE5), each snapped to its nearest named color.
#F9DFE5
#DDF5E7
#DFF1FD
#EA9FB4
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cake Frosting | #F9DFE5 | 249, 223, 229 | 346°, 68%, 93% | 0, 10, 8, 2 | |
| Treacherous Blizzard | #DDF5E7 | 221, 245, 231 | 145°, 55%, 91% | 10, 0, 6, 4 | |
| Wizard White | #DFF1FD | 223, 241, 253 | 204°, 88%, 93% | 12, 5, 0, 1 | |
| Pegeen Peony | #EA9FB4 | 234, 159, 180 | 343°, 64%, 77% | 0, 32, 23, 8 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EA9FB4 on #EBFCEC | 1.94:1 | — |
| Aa #DDF5E7 on #EA9FB4 | 1.81:1 | — |
| Aa #DFF1FD on #EA9FB4 | 1.79:1 | — |
| Aa #F9DFE5 on #EA9FB4 | 1.65:1 | — |
| Aa #F9DFE5 on #EBFCEC | 1.18:1 | — |
| Aa #F9DFE5 on #DDF5E7 | 1.09:1 | — |
CSS variables
:root {
--color-1: #f9dfe5; /* Cake Frosting */
--color-2: #ddf5e7; /* Treacherous Blizzard */
--color-3: #dff1fd; /* Wizard White */
--color-4: #ea9fb4; /* Pegeen Peony */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Cake Frosting
- Cake Frosting Complementary Color Scheme#F9DFE5#F8EAED#DFFBF3#9CE5D6#EBFCF5
- Cake Frosting Analogous Color Scheme#EEDDFF#FFDEF2#F9DFE5#FAE6DF#F9F3DF
- Cake Frosting Triadic Color Scheme#F9DFE5#EBF5DE#DEE9F4#F8EAED#BBEE99
- Cake Frosting Tetradic Color Scheme#F9DFE5#F0F6DD#DFFBF3#E6DEF0#F8EAED
- Cake Frosting Monochromatic Color Scheme#EA5A79#EA9FB4#F9DFE5#F8EAED#F8EAED
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Cake Frosting?
In a split-complementary scheme: Treacherous Blizzard (#DDF5E7), Wizard White (#DFF1FD), Pegeen Peony (#EA9FB4), Placebo Green (#EBFCEC).
What is the hex code of Cake Frosting?
#F9DFE5.