Cupid Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cupid (#F5B2C5), each snapped to its nearest named color.
#F5B2C5
#B8EBC5
#B8E4F5
#F26D8F
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cupid | #F5B2C5 | 245, 178, 197 | 343°, 77%, 83% | 0, 27, 20, 4 | |
| Slime Lime | #B8EBC5 | 184, 235, 197 | 135°, 56%, 82% | 22, 0, 16, 8 | |
| Breaking the Ice | #B8E4F5 | 184, 228, 245 | 197°, 75%, 84% | 25, 7, 0, 4 | |
| Out of Fashion | #F26D8F | 242, 109, 143 | 345°, 84%, 69% | 0, 55, 41, 5 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F26D8F on #E7FBEC | 2.64:1 | — |
| Aa #B8EBC5 on #F26D8F | 2.14:1 | — |
| Aa #B8E4F5 on #F26D8F | 2.10:1 | — |
| Aa #F5B2C5 on #F26D8F | 1.64:1 | — |
| Aa #F5B2C5 on #E7FBEC | 1.61:1 | — |
| Aa #F5B2C5 on #B8EBC5 | 1.30:1 | — |
CSS variables
:root {
--color-1: #f5b2c5; /* Cupid */
--color-2: #b8ebc5; /* Slime Lime */
--color-3: #b8e4f5; /* Breaking the Ice */
--color-4: #f26d8f; /* Out of Fashion */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Cupid
- Cupid Complementary Color Scheme#F5B2C5#FFE9ED#B0EEE2#7EF4CC#EBFCF5
- Cupid Analogous Color Scheme#E9AEF2#F2ABE1#F5B2C5#FBC0B4#F6E3B4
- Cupid Triadic Color Scheme#F5B2C5#C7FDB5#AEC9EB#FFE9ED#88EE77
- Cupid Tetradic Color Scheme#F5B2C5#E3EFB2#B0EEE2#C2B2F0#FFE9ED
- Cupid Monochromatic Color Scheme#E52B50#F26D8F#F5B2C5#FFE9ED#FFE9ED
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 Cupid?
In a split-complementary scheme: Slime Lime (#B8EBC5), Breaking the Ice (#B8E4F5), Out of Fashion (#F26D8F), Winter Mist (#E7FBEC).
What is the hex code of Cupid?
#F5B2C5.