Poisonous Potion Complementary Color Scheme
Five colors arranged by the complementary rule around Poisonous Potion (#99DD33), each snapped to its nearest named color.
#99DD33
#C6EA80
#7736D9
#5500AA
#BF8FE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Poisonous Potion | #99DD33 | 153, 221, 51 | 84°, 71%, 53% | 31, 0, 77, 13 | |
| Sulu | #C6EA80 | 198, 234, 128 | 80°, 72%, 71% | 15, 0, 45, 8 | |
| Hokkaido Lavender | #7736D9 | 119, 54, 217 | 264°, 68%, 53% | 45, 75, 0, 15 | |
| Aubergine Perl | #5500AA | 85, 0, 170 | 270°, 100%, 33% | 50, 100, 0, 33 | |
| Luminous Lavender | #BF8FE5 | 191, 143, 229 | 273°, 62%, 73% | 17, 38, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6EA80 on #5500AA | 7.87:1 | AAA |
| Aa #99DD33 on #5500AA | 6.48:1 | AA |
| Aa #C6EA80 on #7736D9 | 4.67:1 | AA |
| Aa #5500AA on #BF8FE5 | 4.21:1 | AA large |
| Aa #99DD33 on #7736D9 | 3.85:1 | AA large |
| Aa #7736D9 on #BF8FE5 | 2.50:1 | — |
CSS variables
:root {
--color-1: #99dd33; /* Poisonous Potion */
--color-2: #c6ea80; /* Sulu */
--color-3: #7736d9; /* Hokkaido Lavender */
--color-4: #5500aa; /* Aubergine Perl */
--color-5: #bf8fe5; /* Luminous Lavender */
}Other schemes from Poisonous Potion
- Poisonous Potion Analogous Color Scheme#DD7733#DDCC33#99DD33#58D332#24DD7E
- Poisonous Potion Triadic Color Scheme#99DD33#2A96D5#D9308A#C6EA80#1C70AD
- Poisonous Potion Split-complementary Color Scheme#99DD33#2242C7#CC33CC#71A91D#6488EA
- Poisonous Potion Tetradic Color Scheme#99DD33#30D5C8#7736D9#DD3344#C6EA80
- Poisonous Potion Monochromatic Color Scheme#4B6113#71A91D#99DD33#BEEB71#D9EEB4
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Poisonous Potion?
In a complementary scheme: Sulu (#C6EA80), Hokkaido Lavender (#7736D9), Aubergine Perl (#5500AA), Luminous Lavender (#BF8FE5).
What is the hex code of Poisonous Potion?
#99DD33.