Fading Love Complementary Color Scheme
Five colors arranged by the complementary rule around Fading Love (#C973A2), each snapped to its nearest named color.
#C973A2
#E4B3CC
#77CC99
#44AA77
#BDE7CF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fading Love | #C973A2 | 201, 115, 162 | 327°, 44%, 62% | 0, 43, 19, 21 | |
| Muddy Mauve | #E4B3CC | 228, 179, 204 | 329°, 48%, 80% | 0, 21, 11, 11 | |
| Jocose Jade | #77CC99 | 119, 204, 153 | 144°, 45%, 63% | 42, 0, 25, 20 | |
| Jubilant Jade | #44AA77 | 68, 170, 119 | 150°, 43%, 47% | 60, 0, 30, 33 | |
| Woolly Mint | #BDE7CF | 189, 231, 207 | 146°, 47%, 82% | 18, 0, 10, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C973A2 on #BDE7CF | 2.40:1 | — |
| Aa #44AA77 on #BDE7CF | 2.13:1 | — |
| Aa #C973A2 on #E4B3CC | 1.80:1 | — |
| Aa #C973A2 on #77CC99 | 1.69:1 | — |
| Aa #E4B3CC on #44AA77 | 1.60:1 | — |
| Aa #77CC99 on #44AA77 | 1.50:1 | — |
CSS variables
:root {
--color-1: #c973a2; /* Fading Love */
--color-2: #e4b3cc; /* Muddy Mauve */
--color-3: #77cc99; /* Jocose Jade */
--color-4: #44aa77; /* Jubilant Jade */
--color-5: #bde7cf; /* Woolly Mint */
}Other schemes from Fading Love
- Fading Love Analogous Color Scheme#9470C4#CC77CC#C973A2#C97376#C89B75
- Fading Love Triadic Color Scheme#C973A2#A5C970#73A4C6#E7BCD4#78AE48
- Fading Love Split-complementary Color Scheme#C973A2#7CCA6B#72CAC1#AD4379#ADDFAD
- Fading Love Tetradic Color Scheme#C973A2#C8C76F#77CC99#7777CC#E7BCD4
- Fading Love Monochromatic Color Scheme#762A54#AD4379#C973A2#D9A9C6#F3E0EB
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 Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Fading Love?
In a complementary scheme: Muddy Mauve (#E4B3CC), Jocose Jade (#77CC99), Jubilant Jade (#44AA77), Woolly Mint (#BDE7CF).
What is the hex code of Fading Love?
#C973A2.