Heart Potion Complementary Color Scheme
Five colors arranged by the complementary rule around Heart Potion (#A97FB1), each snapped to its nearest named color.
#A97FB1
#CCB8D2
#8AAE7C
#558D4F
#C3D6BD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heart Potion | #A97FB1 | 169, 127, 177 | 290°, 24%, 60% | 5, 28, 0, 31 | |
| Liberace | #CCB8D2 | 204, 184, 210 | 286°, 22%, 77% | 3, 12, 0, 18 | |
| Cressida | #8AAE7C | 138, 174, 124 | 103°, 24%, 58% | 21, 0, 29, 32 | |
| Belfast | #558D4F | 85, 141, 79 | 114°, 28%, 43% | 40, 0, 44, 45 | |
| Surf Crest | #C3D6BD | 195, 214, 189 | 106°, 23%, 79% | 9, 0, 12, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #558D4F on #C3D6BD | 2.58:1 | — |
| Aa #A97FB1 on #C3D6BD | 2.15:1 | — |
| Aa #CCB8D2 on #558D4F | 2.14:1 | — |
| Aa #A97FB1 on #CCB8D2 | 1.79:1 | — |
| Aa #8AAE7C on #C3D6BD | 1.62:1 | — |
| Aa #8AAE7C on #558D4F | 1.59:1 | — |
CSS variables
:root {
--color-1: #a97fb1; /* Heart Potion */
--color-2: #ccb8d2; /* Liberace */
--color-3: #8aae7c; /* Cressida */
--color-4: #558d4f; /* Belfast */
--color-5: #c3d6bd; /* Surf Crest */
}Other schemes from Heart Potion
- Heart Potion Analogous Color Scheme#7A85AF#947CAE#A97FB1#B67CA2#B87F84
- Heart Potion Triadic Color Scheme#A97FB1#AFA97D#7DB6A8#D3BED5#908456
- Heart Potion Split-complementary Color Scheme#A97FB1#A2B07E#7BB18D#85598A#C3CDB0
- Heart Potion Tetradic Color Scheme#A97FB1#B08F7F#8AAE7C#77A1B5#D3BED5
- Heart Potion Monochromatic Color Scheme#57385E#85598A#A97FB1#C9AFD0#E8DEEA
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Heart Potion?
In a complementary scheme: Liberace (#CCB8D2), Cressida (#8AAE7C), Belfast (#558D4F), Surf Crest (#C3D6BD).
What is the hex code of Heart Potion?
#A97FB1.