Candy Floss Complementary Color Scheme
Five colors arranged by the complementary rule around Candy Floss (#E8A7E2), each snapped to its nearest named color.
#E8A7E2
#FCEBFA
#AAEEAA
#77DD77
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy Floss | #E8A7E2 | 232, 167, 226 | 306°, 59%, 78% | 0, 28, 3, 9 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | |
| Frosted Hills | #AAEEAA | 170, 238, 170 | 120°, 67%, 80% | 29, 0, 29, 7 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8A7E2 on #EBFCEC | 1.78:1 | — |
| Aa #E8A7E2 on #FCEBFA | 1.66:1 | — |
| Aa #77DD77 on #EBFCEC | 1.59:1 | — |
| Aa #FCEBFA on #77DD77 | 1.48:1 | — |
| Aa #E8A7E2 on #AAEEAA | 1.40:1 | — |
| Aa #AAEEAA on #EBFCEC | 1.27:1 | — |
CSS variables
:root {
--color-1: #e8a7e2; /* Candy Floss */
--color-2: #fcebfa; /* Placebo Pink */
--color-3: #aaeeaa; /* Frosted Hills */
--color-4: #77dd77; /* Pastel Green */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Candy Floss
- Candy Floss Analogous Color Scheme#ACACE6#DDAAEE#E8A7E2#E5A5C1#E7AFA8
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Floss Monochromatic Color Scheme#C034AF#DA70D6#E8A7E2#F6E5F6#FCEBFA
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
- Death of a Star Complementary Color Scheme#E760D2#EDABE6#64EB65#3BDE39#B8EBC5
Questions
What colors go with Candy Floss?
In a complementary scheme: Placebo Pink (#FCEBFA), Frosted Hills (#AAEEAA), Pastel Green (#77DD77), Placebo Green (#EBFCEC).
What is the hex code of Candy Floss?
#E8A7E2.