Candy Bar Complementary Color Scheme
Five colors arranged by the complementary rule around Candy Bar (#FFB7D5), each snapped to its nearest named color.
#FFB7D5
#FFE5EF
#B8FFEB
#7BFDC7
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy Bar | #FFB7D5 | 255, 183, 213 | 335°, 100%, 86% | 0, 28, 16, 0 | |
| Sweetly | #FFE5EF | 255, 229, 239 | 337°, 100%, 95% | 0, 10, 6, 0 | |
| Peppermint Frosting | #B8FFEB | 184, 255, 235 | 163°, 100%, 86% | 28, 0, 8, 0 | |
| Iridescent Turquoise | #7BFDC7 | 123, 253, 199 | 155°, 97%, 74% | 51, 0, 21, 1 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFB7D5 on #E6FDF1 | 1.52:1 | — |
| Aa #FFB7D5 on #B8FFEB | 1.43:1 | — |
| Aa #FFB7D5 on #FFE5EF | 1.36:1 | — |
| Aa #FFB7D5 on #7BFDC7 | 1.29:1 | — |
| Aa #7BFDC7 on #E6FDF1 | 1.18:1 | — |
| Aa #FFE5EF on #E6FDF1 | 1.11:1 | — |
CSS variables
:root {
--color-1: #ffb7d5; /* Candy Bar */
--color-2: #ffe5ef; /* Sweetly */
--color-3: #b8ffeb; /* Peppermint Frosting */
--color-4: #7bfdc7; /* Iridescent Turquoise */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Candy Bar
- Candy Bar Analogous Color Scheme#E0B0FF#F8B8F8#FFB7D5#FDBCB4#FFE2B7
- Candy Bar Triadic Color Scheme#FFB7D5#D1FFBD#B1D1FC#FFE5EF#AEFD6C
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
- Candy Bar Tetradic Color Scheme#FFB7D5#FFFFB6#B8FFEB#B8B8FF#FFE5EF
- Candy Bar Monochromatic Color Scheme#FF1476#FF69AF#FFB7D5#FFE5EF#FFE5EF
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 Dreams Complementary Color Scheme#E9AEF2#F8EBFC#BCECAC#64EB65#EBFCEC
Questions
What colors go with Candy Bar?
In a complementary scheme: Sweetly (#FFE5EF), Peppermint Frosting (#B8FFEB), Iridescent Turquoise (#7BFDC7), Mint Chiffon (#E6FDF1).
What is the hex code of Candy Bar?
#FFB7D5.