Candy Cane Complementary Color Scheme
Five colors arranged by the complementary rule around Candy Cane (#F7BFC2), each snapped to its nearest named color.
#F7BFC2
#FDE6E7
#BDF6FE
#77EEEE
#E7FAFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy Cane | #F7BFC2 | 247, 191, 194 | 357°, 78%, 86% | 0, 23, 21, 3 | |
| Valerie | #FDE6E7 | 253, 230, 231 | 357°, 85%, 95% | 0, 9, 9, 1 | |
| Pale Sky | #BDF6FE | 189, 246, 254 | 187°, 97%, 87% | 26, 3, 0, 0 | |
| Dead Sea | #77EEEE | 119, 238, 238 | 180°, 78%, 70% | 50, 0, 0, 7 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7BFC2 on #E7FAFA | 1.48:1 | — |
| Aa #F7BFC2 on #BDF6FE | 1.35:1 | — |
| Aa #F7BFC2 on #FDE6E7 | 1.34:1 | — |
| Aa #77EEEE on #E7FAFA | 1.28:1 | — |
| Aa #BDF6FE on #77EEEE | 1.17:1 | — |
| Aa #FDE6E7 on #77EEEE | 1.16:1 | — |
CSS variables
:root {
--color-1: #f7bfc2; /* Candy Cane */
--color-2: #fde6e7; /* Valerie */
--color-3: #bdf6fe; /* Pale Sky */
--color-4: #77eeee; /* Dead Sea */
--color-5: #e7fafa; /* Calm Waters */
}Other schemes from Candy Cane
- Candy Cane Analogous Color Scheme#F4BFFF#F5BCDE#F7BFC2#F6D8BE#F7F3BD
- Candy Cane Triadic Color Scheme#F7BFC2#C7FDB5#BFC0EE#FDE6E7#88EE77
- Candy Cane Split-complementary Color Scheme#F7BFC2#B8F8D8#BBDAF8#F47983#E6FDF1
- Candy Cane Tetradic Color Scheme#F7BFC2#DDEEBB#BDF6FE#D8B8F8#FDE6E7
- Candy Cane Monochromatic Color Scheme#EE3344#F47983#F7BFC2#FDE6E7#FDE6E7
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Candy Cane?
In a complementary scheme: Valerie (#FDE6E7), Pale Sky (#BDF6FE), Dead Sea (#77EEEE), Calm Waters (#E7FAFA).
What is the hex code of Candy Cane?
#F7BFC2.