Magic Potion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magic Potion (#FF4466), each snapped to its nearest named color.
#FF4466
#58F898
#44CCFF
#F7022A
#90FDA9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Magic Potion | #FF4466 | 255, 68, 102 | 349°, 100%, 63% | 0, 73, 60, 0 | 66.9% 0.221 16 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | 87.3% 0.189 153 | |
| Thor’s Thunder | #44CCFF | 68, 204, 255 | 196°, 100%, 63% | 73, 20, 0, 0 | 79.4% 0.135 228 | |
| Cherry Red | #F7022A | 247, 2, 42 | 350°, 98%, 49% | 0, 99, 83, 3 | 61.5% 0.249 25 | |
| Foam Green | #90FDA9 | 144, 253, 169 | 134°, 96%, 78% | 43, 0, 33, 1 | 90.8% 0.153 150 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7022A on #90FDA9 | 3.36:1 | AA large |
| Aa #58F898 on #F7022A | 3.06:1 | AA large |
| Aa #FF4466 on #90FDA9 | 2.68:1 | — |
| Aa #FF4466 on #58F898 | 2.44:1 | — |
| Aa #44CCFF on #F7022A | 2.27:1 | — |
| Aa #FF4466 on #44CCFF | 1.81:1 | — |
CSS variables
:root {
--color-1: #ff4466; /* Magic Potion */
--color-2: #58f898; /* Thallium Flame */
--color-3: #44ccff; /* Thor’s Thunder */
--color-4: #f7022a; /* Cherry Red */
--color-5: #90fda9; /* Foam Green */
}Other schemes from Magic Potion
- Magic Potion Complementary Color Scheme#FF4466#FCA2AD#4EFFCD#01F9C6#AAFFEE
- Magic Potion Analogous Color Scheme#DD44FF#FF48D0#FF4466#FF8243#FFDD44
- Magic Potion Triadic Color Scheme#FF4466#66FF55#4466FF#FFAABB#35FA00
- Magic Potion Tetradic Color Scheme#FF4466#CDFA56#4EFFCD#8844FF#FFAABB
- Magic Potion Monochromatic Color Scheme#B00B1E#F7022A#FF4466#FF91A4#FFDEE2
More light red split-complementary color schemes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Magic Potion?
In a split-complementary scheme: Thallium Flame (#58F898), Thor’s Thunder (#44CCFF), Cherry Red (#F7022A), Foam Green (#90FDA9).
What is the hex code of Magic Potion?
#FF4466.