Summer Crush Complementary Color Scheme
Five colors arranged by the complementary rule around Summer Crush (#F2D6DA), each snapped to its nearest named color.
#F2D6DA
#F8EAED
#D7F2ED
#9BE3D7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Summer Crush | #F2D6DA | 242, 214, 218 | 351°, 52%, 89% | 0, 12, 10, 5 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 | |
| Sea Ice | #D7F2ED | 215, 242, 237 | 169°, 51%, 90% | 11, 0, 2, 5 | |
| Sharbah Fizz | #9BE3D7 | 155, 227, 215 | 170°, 56%, 75% | 32, 0, 5, 11 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BE3D7 on #ECF7F7 | 1.34:1 | — |
| Aa #F8EAED on #9BE3D7 | 1.25:1 | — |
| Aa #F2D6DA on #ECF7F7 | 1.25:1 | — |
| Aa #D7F2ED on #9BE3D7 | 1.24:1 | — |
| Aa #F2D6DA on #F8EAED | 1.17:1 | — |
| Aa #F2D6DA on #D7F2ED | 1.16:1 | — |
CSS variables
:root {
--color-1: #f2d6da; /* Summer Crush */
--color-2: #f8eaed; /* Morning Shine */
--color-3: #d7f2ed; /* Sea Ice */
--color-4: #9be3d7; /* Sharbah Fizz */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Summer Crush
- Summer Crush Analogous Color Scheme#EED5EE#F2D7E6#F2D6DA#F3E0D6#F2EDD7
- Summer Crush Triadic Color Scheme#F2D6DA#D8F3D7#D9D9F3#F8EAED#A3E493
- Summer Crush Split-complementary Color Scheme#F2D6DA#DAF1E0#D5EAF2#E09CAB#EBF8EF
- Summer Crush Tetradic Color Scheme#F2D6DA#EBF0D6#D7F2ED#E7D7EF#F8EAED
- Summer Crush Monochromatic Color Scheme#C96272#E09CAB#F2D6DA#F8EAED#F8EAED
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Summer Crush?
In a complementary scheme: Morning Shine (#F8EAED), Sea Ice (#D7F2ED), Sharbah Fizz (#9BE3D7), Aijiro White (#ECF7F7).
What is the hex code of Summer Crush?
#F2D6DA.