Acid Complementary Color Scheme
Five colors arranged by the complementary rule around Acid (#00FF22), each snapped to its nearest named color.
#00FF22
#4CFF7B
#EE00DD
#BB0099
#FF66EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Acid | #00FF22 | 0, 255, 34 | 128°, 100%, 50% | 100, 0, 87, 0 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Vice City | #EE00DD | 238, 0, 221 | 304°, 100%, 47% | 0, 100, 7, 7 | |
| Jealous Jellyfish | #BB0099 | 187, 0, 153 | 311°, 100%, 37% | 0, 100, 18, 27 | |
| Vaporwave | #FF66EE | 255, 102, 238 | 307°, 100%, 70% | 0, 60, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4CFF7B on #BB0099 | 4.45:1 | AA large |
| Aa #00FF22 on #BB0099 | 4.29:1 | AA large |
| Aa #4CFF7B on #EE00DD | 2.80:1 | — |
| Aa #00FF22 on #EE00DD | 2.70:1 | — |
| Aa #BB0099 on #FF66EE | 2.35:1 | — |
| Aa #4CFF7B on #FF66EE | 1.90:1 | — |
CSS variables
:root {
--color-1: #00ff22; /* Acid */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #ee00dd; /* Vice City */
--color-4: #bb0099; /* Jealous Jellyfish */
--color-5: #ff66ee; /* Vaporwave */
}Other schemes from Acid
- Acid Analogous Color Scheme#DDFF00#55FF00#00FF22#05FFA6#04D9FF
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
More Medium Green complementary palettes
- 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
- Backyard Complementary Color Scheme#879877#B5C7A4#876FA3#614A7B#BCACCD
Questions
What colors go with Acid?
In a complementary scheme: Experimintal Green (#4CFF7B), Vice City (#EE00DD), Jealous Jellyfish (#BB0099), Vaporwave (#FF66EE).
What is the hex code of Acid?
#00FF22.