Fresco Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fresco (#F4DBD9), each snapped to its nearest named color.
#F4DBD9
#DAF4EA
#D9E7F2
#E3A49A
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fresco | #F4DBD9 | 244, 219, 217 | 4°, 55%, 90% | 0, 10, 11, 4 | |
| Diluted Mint | #DAF4EA | 218, 244, 234 | 157°, 54%, 91% | 11, 0, 4, 4 | |
| Icicle Veil | #D9E7F2 | 217, 231, 242 | 206°, 49%, 90% | 10, 5, 0, 5 | |
| Cuticle Pink | #E3A49A | 227, 164, 154 | 8°, 57%, 75% | 0, 28, 32, 11 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3A49A on #E9F9F5 | 1.93:1 | — |
| Aa #DAF4EA on #E3A49A | 1.80:1 | — |
| Aa #D9E7F2 on #E3A49A | 1.66:1 | — |
| Aa #F4DBD9 on #E3A49A | 1.59:1 | — |
| Aa #F4DBD9 on #E9F9F5 | 1.21:1 | — |
| Aa #D9E7F2 on #E9F9F5 | 1.16:1 | — |
CSS variables
:root {
--color-1: #f4dbd9; /* Fresco */
--color-2: #daf4ea; /* Diluted Mint */
--color-3: #d9e7f2; /* Icicle Veil */
--color-4: #e3a49a; /* Cuticle Pink */
--color-5: #e9f9f5; /* Melting Glacier */
}Other schemes from Fresco
- Fresco Complementary Color Scheme#F4DBD9#F9ECEA#D8F1F4#9BD9E5#ECF7F7
- Fresco Analogous Color Scheme#F4DAF1#F5DAE3#F4DBD9#F3E9D9#F3F4D9
- Fresco Triadic Color Scheme#F4DBD9#D8F2DC#D9D9F3#F9ECEA#9FE4AA
- Fresco Tetradic Color Scheme#F4DBD9#E2F4D7#D8F1F4#E7D7EF#F9ECEA
- Fresco Monochromatic Color Scheme#CF6E66#E3A49A#F4DBD9#F9ECEA#F9ECEA
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 Fresco?
In a split-complementary scheme: Diluted Mint (#DAF4EA), Icicle Veil (#D9E7F2), Cuticle Pink (#E3A49A), Melting Glacier (#E9F9F5).
What is the hex code of Fresco?
#F4DBD9.