Summer Crush Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Summer Crush (#F2D6DA), each snapped to its nearest named color.
#F2D6DA
#DAF1E0
#D5EAF2
#E09CAB
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Summer Crush | #F2D6DA | 242, 214, 218 | 351°, 52%, 89% | 0, 12, 10, 5 | |
| Green Brocade | #DAF1E0 | 218, 241, 224 | 136°, 45%, 90% | 10, 0, 7, 5 | |
| Spacious Skies | #D5EAF2 | 213, 234, 242 | 197°, 53%, 89% | 12, 3, 0, 5 | |
| Colorado Dawn | #E09CAB | 224, 156, 171 | 347°, 52%, 75% | 0, 30, 24, 12 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E09CAB on #EBF8EF | 2.02:1 | — |
| Aa #DAF1E0 on #E09CAB | 1.85:1 | — |
| Aa #D5EAF2 on #E09CAB | 1.77:1 | — |
| Aa #F2D6DA on #E09CAB | 1.62:1 | — |
| Aa #F2D6DA on #EBF8EF | 1.25:1 | — |
| Aa #F2D6DA on #DAF1E0 | 1.14:1 | — |
CSS variables
:root {
--color-1: #f2d6da; /* Summer Crush */
--color-2: #daf1e0; /* Green Brocade */
--color-3: #d5eaf2; /* Spacious Skies */
--color-4: #e09cab; /* Colorado Dawn */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Summer Crush
- Summer Crush Complementary Color Scheme#F2D6DA#F8EAED#D7F2ED#9BE3D7#ECF7F7
- Summer Crush Analogous Color Scheme#EED5EE#F2D7E6#F2D6DA#F3E0D6#F2EDD7
- Summer Crush Triadic Color Scheme#F2D6DA#D8F3D7#D9D9F3#F8EAED#A3E493
- Summer Crush Tetradic Color Scheme#F2D6DA#EBF0D6#D7F2ED#E7D7EF#F8EAED
- Summer Crush Monochromatic Color Scheme#C96272#E09CAB#F2D6DA#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 Summer Crush?
In a split-complementary scheme: Green Brocade (#DAF1E0), Spacious Skies (#D5EAF2), Colorado Dawn (#E09CAB), Soft Petals (#EBF8EF).
What is the hex code of Summer Crush?
#F2D6DA.