Passion Potion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Passion Potion (#E398AF), each snapped to its nearest named color.
#E398AF
#9BE5AA
#94D4E4
#C95B83
#D2F4DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Passion Potion | #E398AF | 227, 152, 175 | 342°, 57%, 74% | 0, 33, 23, 11 | |
| Hospital Green | #9BE5AA | 155, 229, 170 | 132°, 59%, 75% | 32, 0, 26, 10 | |
| Infinity Pool | #94D4E4 | 148, 212, 228 | 192°, 60%, 74% | 35, 7, 0, 11 | |
| Lipstick | #C95B83 | 201, 91, 131 | 338°, 50%, 57% | 0, 55, 35, 21 | |
| Fennel Tea | #D2F4DD | 210, 244, 221 | 139°, 61%, 89% | 14, 0, 9, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C95B83 on #D2F4DD | 3.34:1 | AA large |
| Aa #9BE5AA on #C95B83 | 2.67:1 | — |
| Aa #94D4E4 on #C95B83 | 2.41:1 | — |
| Aa #E398AF on #D2F4DD | 1.89:1 | — |
| Aa #E398AF on #C95B83 | 1.77:1 | — |
| Aa #E398AF on #9BE5AA | 1.51:1 | — |
CSS variables
:root {
--color-1: #e398af; /* Passion Potion */
--color-2: #9be5aa; /* Hospital Green */
--color-3: #94d4e4; /* Infinity Pool */
--color-4: #c95b83; /* Lipstick */
--color-5: #d2f4dd; /* Fennel Tea */
}Other schemes from Passion Potion
- Passion Potion Complementary Color Scheme#E398AF#F8E0E7#8FE0C6#58CEB2#E9F9F5
- Passion Potion Analogous Color Scheme#D19FE8#E79ACB#E398AF#E2A695#E4CB97
- Passion Potion Triadic Color Scheme#E398AF#B2E191#9BB8E2#F8EAED#88CC55
- Passion Potion Tetradic Color Scheme#E398AF#D5E69D#8FE0C6#A899E6#F8EAED
- Passion Potion Monochromatic Color Scheme#AC335E#C95B83#E398AF#F2D4DF#F8EAED
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Passion Potion?
In a split-complementary scheme: Hospital Green (#9BE5AA), Infinity Pool (#94D4E4), Lipstick (#C95B83), Fennel Tea (#D2F4DD).
What is the hex code of Passion Potion?
#E398AF.