Summer Mist Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Summer Mist (#CBEAEE), each snapped to its nearest named color.
#59B9C6
#90D1DD
#CBEAEE
#EEF7FA
#EEF7FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shinbashi | #59B9C6 | 89, 185, 198 | 187°, 49%, 56% | 55, 7, 0, 22 | |
| Foaming Surf | #90D1DD | 144, 209, 221 | 189°, 53%, 72% | 35, 5, 0, 13 | |
| Summer Mist | #CBEAEE | 203, 234, 238 | 187°, 51%, 86% | 15, 2, 0, 7 | |
| Silent Snowfall | #EEF7FA | 238, 247, 250 | 195°, 55%, 96% | 5, 1, 0, 2 | |
| Silent Snowfall | #EEF7FA | 238, 247, 250 | 195°, 55%, 96% | 5, 1, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #59B9C6 on #EEF7FA | 2.10:1 | — |
| Aa #59B9C6 on #EEF7FA | 2.10:1 | — |
| Aa #59B9C6 on #CBEAEE | 1.80:1 | — |
| Aa #90D1DD on #EEF7FA | 1.56:1 | — |
| Aa #90D1DD on #EEF7FA | 1.56:1 | — |
| Aa #59B9C6 on #90D1DD | 1.35:1 | — |
CSS variables
:root {
--color-1: #59b9c6; /* Shinbashi */
--color-2: #90d1dd; /* Foaming Surf */
--color-3: #cbeaee; /* Summer Mist */
--color-4: #eef7fa; /* Silent Snowfall */
--color-5: #eef7fa; /* Silent Snowfall */
}Other schemes from Summer Mist
- Summer Mist Complementary Color Scheme#CBEAEE#EEF7FA#EFCDCB#D79A91#F9ECEA
- Summer Mist Analogous Color Scheme#CAEDD0#C8EFE2#CBEAEE#CBD7ED#CCCCEE
- Summer Mist Triadic Color Scheme#CBEAEE#EFC9EC#EDEFCB#EEF7FA#D39BCB
- Summer Mist Split-complementary Color Scheme#CBEAEE#EFCADA#EEE1CC#90D1DD#F8EEF4
- Summer Mist Tetradic Color Scheme#CBEAEE#E7CFE8#EFCDCB#DAEFCE#EEF7FA
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Summer Mist?
In a monochromatic scheme: Shinbashi (#59B9C6), Foaming Surf (#90D1DD), Silent Snowfall (#EEF7FA), Silent Snowfall (#EEF7FA).
What is the hex code of Summer Mist?
#CBEAEE.