Heart Potion Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Heart Potion (#A97FB1), each snapped to its nearest named color.
#57385E
#85598A
#A97FB1
#C9AFD0
#E8DEEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Purpurite Violet | #57385E | 87, 56, 94 | 289°, 25%, 29% | 7, 40, 0, 63 | 39.3% 0.073 320 | |
| Purple Fluorite | #85598A | 133, 89, 138 | 294°, 22%, 45% | 4, 36, 0, 46 | 53.0% 0.091 323 | |
| Heart Potion | #A97FB1 | 169, 127, 177 | 290°, 24%, 60% | 5, 28, 0, 31 | 65.5% 0.087 321 | |
| Windsor Purple | #C9AFD0 | 201, 175, 208 | 287°, 26%, 75% | 3, 16, 0, 18 | 78.7% 0.054 319 | |
| Lilac Frost | #E8DEEA | 232, 222, 234 | 290°, 22%, 89% | 1, 5, 0, 8 | 91.2% 0.019 321 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #57385E on #E8DEEA | 7.53:1 | AAA |
| Aa #57385E on #C9AFD0 | 4.94:1 | AA |
| Aa #85598A on #E8DEEA | 4.24:1 | AA large |
| Aa #57385E on #A97FB1 | 2.98:1 | — |
| Aa #85598A on #C9AFD0 | 2.78:1 | — |
| Aa #A97FB1 on #E8DEEA | 2.53:1 | — |
CSS variables
:root {
--color-1: #57385e; /* Purpurite Violet */
--color-2: #85598a; /* Purple Fluorite */
--color-3: #a97fb1; /* Heart Potion */
--color-4: #c9afd0; /* Windsor Purple */
--color-5: #e8deea; /* Lilac Frost */
}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 Split-complementary Color Scheme#A97FB1#A2B07E#7BB18D#85598A#C3CDB0
- Heart Potion Tetradic Color Scheme#A97FB1#B08F7F#8AAE7C#77A1B5#D3BED5
More medium pink monochromatic color schemes
- Akari Red Monochromatic Color Scheme#330011#800030#C90B42#EE3366#FF7799
- Amor Monochromatic Color Scheme#771133#C30B4E#EE3377#FF77A8#F5C1D5
- Amora Purple Monochromatic Color Scheme#380835#751973#BB22AA#DF4EC8#EE88EE
- Anger Monochromatic Color Scheme#440011#8F003A#DD0055#FF2277#FF77AA
- Aphroditean Fuchsia Monochromatic Color Scheme#5C0536#991177#DD14AB#EE55CC#EB94DA
- Awkward Purple Monochromatic Color Scheme#36013F#880085#D208CC#FF33EE#F878F8
- Barbara Monochromatic Color Scheme#730061#CC11BB#FF0FF3#FA5FF7#FFAAFF
- Bat’s Blood Soup Monochromatic Color Scheme#7B0323#C01141#EE3366#EE7799#F9C0CE
- Beet Wave Monochromatic Color Scheme#441122#871646#D4265D#E4658E#F0A3BC
- Beetroot Purple Monochromatic Color Scheme#5F1933#972B51#D33376#E86EAD#EFB4CA
- Benevolent Pink Monochromatic Color Scheme#4C022F#9D0759#DD1188#F246A7#FF88CC
- Bermuda Onion Monochromatic Color Scheme#3C2233#673B66#9D5A8F#BC86AF#D7BAD1
Questions
What colors go with Heart Potion?
In a monochromatic scheme: Purpurite Violet (#57385E), Purple Fluorite (#85598A), Windsor Purple (#C9AFD0), Lilac Frost (#E8DEEA).
What is the hex code of Heart Potion?
#A97FB1.