Kissed by Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kissed by Mist (#FCCCF5), each snapped to its nearest named color.
#FCCCF5
#DDFFCC
#CCFFEE
#F984E5
#F1FDE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | |
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 | |
| Splash of Grenadine | #F984E5 | 249, 132, 229 | 310°, 91%, 75% | 0, 47, 8, 2 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F984E5 on #F1FDE9 | 2.11:1 | — |
| Aa #DDFFCC on #F984E5 | 2.03:1 | — |
| Aa #CCFFEE on #F984E5 | 2.02:1 | — |
| Aa #FCCCF5 on #F984E5 | 1.60:1 | — |
| Aa #FCCCF5 on #F1FDE9 | 1.32:1 | — |
| Aa #FCCCF5 on #DDFFCC | 1.28:1 | — |
CSS variables
:root {
--color-1: #fcccf5; /* Kissed by Mist */
--color-2: #ddffcc; /* Herbal Vapours */
--color-3: #ccffee; /* Mint Coffee */
--color-4: #f984e5; /* Splash of Grenadine */
--color-5: #f1fde9; /* Crème de Menthe */
}Other schemes from Kissed by Mist
- Kissed by Mist Complementary Color Scheme#FCCCF5#FFEBFA#CCFFCC#8CFF9E#E7FBEC
- 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 Tetradic Color Scheme#FCCCF5#FBECCC#CCFFCC#CCDDFF#FFEBFA
- Kissed by Mist Monochromatic Color Scheme#E03FD8#F984E5#FCCCF5#FFEBFA#FFEBFA
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Kissed by Mist?
In a split-complementary scheme: Herbal Vapours (#DDFFCC), Mint Coffee (#CCFFEE), Splash of Grenadine (#F984E5), Crème de Menthe (#F1FDE9).
What is the hex code of Kissed by Mist?
#FCCCF5.