Cake Frosting Triadic Color Scheme
Five colors arranged by the triadic rule around Cake Frosting (#F9DFE5), each snapped to its nearest named color.
#F9DFE5
#EBF5DE
#DEE9F4
#F8EAED
#BBEE99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cake Frosting | #F9DFE5 | 249, 223, 229 | 346°, 68%, 93% | 0, 10, 8, 2 | |
| Minified Lime | #EBF5DE | 235, 245, 222 | 86°, 53%, 92% | 4, 0, 9, 4 | |
| Freeze Up | #DEE9F4 | 222, 233, 244 | 210°, 50%, 91% | 9, 5, 0, 4 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 | |
| Sweet Mint Pesto | #BBEE99 | 187, 238, 153 | 96°, 71%, 77% | 21, 0, 36, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF5DE on #BBEE99 | 1.18:1 | — |
| Aa #F8EAED on #BBEE99 | 1.14:1 | — |
| Aa #F9DFE5 on #EBF5DE | 1.12:1 | — |
| Aa #EBF5DE on #DEE9F4 | 1.09:1 | — |
| Aa #DEE9F4 on #BBEE99 | 1.08:1 | — |
| Aa #F9DFE5 on #F8EAED | 1.08:1 | — |
CSS variables
:root {
--color-1: #f9dfe5; /* Cake Frosting */
--color-2: #ebf5de; /* Minified Lime */
--color-3: #dee9f4; /* Freeze Up */
--color-4: #f8eaed; /* Morning Shine */
--color-5: #bbee99; /* Sweet Mint Pesto */
}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 Split-complementary Color Scheme#F9DFE5#DDF5E7#DFF1FD#EA9FB4#EBFCEC
- Cake Frosting Tetradic Color Scheme#F9DFE5#F0F6DD#DFFBF3#E6DEF0#F8EAED
- Cake Frosting Monochromatic Color Scheme#EA5A79#EA9FB4#F9DFE5#F8EAED#F8EAED
More Very Light Red triadic palettes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Cake Frosting?
In a triadic scheme: Minified Lime (#EBF5DE), Freeze Up (#DEE9F4), Morning Shine (#F8EAED), Sweet Mint Pesto (#BBEE99).
What is the hex code of Cake Frosting?
#F9DFE5.