Heart Potion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heart Potion (#A97FB1), each snapped to its nearest named color.
#A97FB1
#A2B07E
#7BB18D
#85598A
#C3CDB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heart Potion | #A97FB1 | 169, 127, 177 | 290°, 24%, 60% | 5, 28, 0, 31 | |
| Fresh Guacamole | #A2B07E | 162, 176, 126 | 77°, 24%, 59% | 8, 0, 28, 31 | |
| Mate Tea | #7BB18D | 123, 177, 141 | 140°, 26%, 59% | 31, 0, 20, 31 | |
| Purple Fluorite | #85598A | 133, 89, 138 | 294°, 22%, 45% | 4, 36, 0, 46 | |
| Growing Season | #C3CDB0 | 195, 205, 176 | 81°, 22%, 75% | 5, 0, 14, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #85598A on #C3CDB0 | 3.34:1 | AA large |
| Aa #A2B07E on #85598A | 2.39:1 | — |
| Aa #7BB18D on #85598A | 2.24:1 | — |
| Aa #A97FB1 on #C3CDB0 | 1.99:1 | — |
| Aa #A97FB1 on #85598A | 1.68:1 | — |
| Aa #7BB18D on #C3CDB0 | 1.49:1 | — |
CSS variables
:root {
--color-1: #a97fb1; /* Heart Potion */
--color-2: #a2b07e; /* Fresh Guacamole */
--color-3: #7bb18d; /* Mate Tea */
--color-4: #85598a; /* Purple Fluorite */
--color-5: #c3cdb0; /* Growing Season */
}Other schemes from Heart Potion
- Heart Potion Complementary Color Scheme#A97FB1#CCB8D2#8AAE7C#558D4F#C3D6BD
- Heart Potion Analogous Color Scheme#7A85AF#947CAE#A97FB1#B67CA2#B87F84
- Heart Potion Triadic Color Scheme#A97FB1#AFA97D#7DB6A8#D3BED5#908456
- Heart Potion Tetradic Color Scheme#A97FB1#B08F7F#8AAE7C#77A1B5#D3BED5
- Heart Potion Monochromatic Color Scheme#57385E#85598A#A97FB1#C9AFD0#E8DEEA
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Heart Potion?
In a split-complementary scheme: Fresh Guacamole (#A2B07E), Mate Tea (#7BB18D), Purple Fluorite (#85598A), Growing Season (#C3CDB0).
What is the hex code of Heart Potion?
#A97FB1.