Kissed by Mist Complementary Color Scheme
Five colors arranged by the complementary rule around Kissed by Mist (#FCCCF5), each snapped to its nearest named color.
#FCCCF5
#FFEBFA
#CCFFCC
#8CFF9E
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | |
| Strawberry Bonbon | #FFEBFA | 255, 235, 250 | 315°, 100%, 96% | 0, 8, 2, 0 | |
| Distilled Moss | #CCFFCC | 204, 255, 204 | 120°, 100%, 90% | 20, 0, 20, 0 | |
| Baby Green | #8CFF9E | 140, 255, 158 | 129°, 100%, 77% | 45, 0, 38, 0 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCCCF5 on #E7FBEC | 1.29:1 | — |
| Aa #FCCCF5 on #CCFFCC | 1.24:1 | — |
| Aa #FCCCF5 on #FFEBFA | 1.23:1 | — |
| Aa #8CFF9E on #E7FBEC | 1.15:1 | — |
| Aa #FCCCF5 on #8CFF9E | 1.12:1 | — |
| Aa #CCFFCC on #8CFF9E | 1.11:1 | — |
CSS variables
:root {
--color-1: #fcccf5; /* Kissed by Mist */
--color-2: #ffebfa; /* Strawberry Bonbon */
--color-3: #ccffcc; /* Distilled Moss */
--color-4: #8cff9e; /* Baby Green */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Kissed by Mist
- Kissed by Mist Analogous Color Scheme#CCCCFF#EECCFF#FCCCF5#FFCCDD#FBD3CD
- Kissed by Mist Triadic Color Scheme#FCCCF5#F5F9CB#CBF4F8#FFEBFA#E8F48C
- Kissed by Mist Split-complementary Color Scheme#FCCCF5#DDFFCC#CCFFEE#F984E5#F1FDE9
- Kissed by Mist Tetradic Color Scheme#FCCCF5#FBECCC#CCFFCC#CCDDFF#FFEBFA
- Kissed by Mist Monochromatic Color Scheme#E03FD8#F984E5#FCCCF5#FFEBFA#FFEBFA
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubble Bath Complementary Color Scheme#E8E0E9#F6F1F4#DFEBDD#B1CDAC#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
Questions
What colors go with Kissed by Mist?
In a complementary scheme: Strawberry Bonbon (#FFEBFA), Distilled Moss (#CCFFCC), Baby Green (#8CFF9E), Winter Mist (#E7FBEC).
What is the hex code of Kissed by Mist?
#FCCCF5.