Cotton Candy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cotton Candy (#FFBCD9), each snapped to its nearest named color.
#FFBCD9
#BDFFCA
#BFFBFF
#F970AC
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cotton Candy | #FFBCD9 | 255, 188, 217 | 334°, 100%, 87% | 0, 26, 15, 0 | |
| Coastal Trim | #BDFFCA | 189, 255, 202 | 132°, 100%, 87% | 26, 0, 21, 0 | |
| Friendly Frost | #BFFBFF | 191, 251, 255 | 184°, 100%, 87% | 25, 2, 0, 0 | |
| Crazy Pink | #F970AC | 249, 112, 172 | 334°, 92%, 71% | 0, 55, 31, 2 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F970AC on #E7FBEC | 2.44:1 | — |
| Aa #BFFBFF on #F970AC | 2.32:1 | — |
| Aa #BDFFCA on #F970AC | 2.31:1 | — |
| Aa #FFBCD9 on #F970AC | 1.69:1 | — |
| Aa #FFBCD9 on #E7FBEC | 1.44:1 | — |
| Aa #FFBCD9 on #BFFBFF | 1.37:1 | — |
CSS variables
:root {
--color-1: #ffbcd9; /* Cotton Candy */
--color-2: #bdffca; /* Coastal Trim */
--color-3: #bffbff; /* Friendly Frost */
--color-4: #f970ac; /* Crazy Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Cotton Candy
- Cotton Candy Complementary Color Scheme#FFBCD9#FFE6F1#B8FFEB#7BFDC7#E6FDF1
- Cotton Candy Analogous Color Scheme#EEBBFF#FFBBFF#FFBCD9#FFC4BC#FFE2BD
- Cotton Candy Triadic Color Scheme#FFBCD9#D1FFBD#BBDDFF#FFE6F1#AEFF6E
- Cotton Candy Tetradic Color Scheme#FFBCD9#FFFFBB#B8FFEB#CCBBFF#FFE6F1
- Cotton Candy Monochromatic Color Scheme#FF2288#F970AC#FFBCD9#FFE6F1#FFE6F1
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 Cotton Candy?
In a split-complementary scheme: Coastal Trim (#BDFFCA), Friendly Frost (#BFFBFF), Crazy Pink (#F970AC), Winter Mist (#E7FBEC).
What is the hex code of Cotton Candy?
#FFBCD9.