Summer Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Summer Mist (#CBEAEE), each snapped to its nearest named color.
#CBEAEE
#EFCADA
#EEE1CC
#90D1DD
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Summer Mist | #CBEAEE | 203, 234, 238 | 187°, 51%, 86% | 15, 2, 0, 7 | |
| Persian Delight | #EFCADA | 239, 202, 218 | 334°, 54%, 86% | 0, 15, 9, 6 | |
| Ivory Stone | #EEE1CC | 238, 225, 204 | 37°, 50%, 87% | 0, 5, 14, 7 | |
| Foaming Surf | #90D1DD | 144, 209, 221 | 189°, 53%, 72% | 35, 5, 0, 13 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #90D1DD on #F8EEF4 | 1.50:1 | — |
| Aa #CBEAEE on #90D1DD | 1.34:1 | — |
| Aa #EEE1CC on #90D1DD | 1.32:1 | — |
| Aa #EFCADA on #F8EEF4 | 1.31:1 | — |
| Aa #CBEAEE on #EFCADA | 1.17:1 | — |
| Aa #EFCADA on #EEE1CC | 1.15:1 | — |
CSS variables
:root {
--color-1: #cbeaee; /* Summer Mist */
--color-2: #efcada; /* Persian Delight */
--color-3: #eee1cc; /* Ivory Stone */
--color-4: #90d1dd; /* Foaming Surf */
--color-5: #f8eef4; /* Sentimental Pink */
}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 Tetradic Color Scheme#CBEAEE#E7CFE8#EFCDCB#DAEFCE#EEF7FA
- Summer Mist Monochromatic Color Scheme#59B9C6#90D1DD#CBEAEE#EEF7FA#EEF7FA
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Summer Mist?
In a split-complementary scheme: Persian Delight (#EFCADA), Ivory Stone (#EEE1CC), Foaming Surf (#90D1DD), Sentimental Pink (#F8EEF4).
What is the hex code of Summer Mist?
#CBEAEE.