Green Screen Complementary Color Scheme
Five colors arranged by the complementary rule around Green Screen (#22FF00), each snapped to its nearest named color.
#22FF00
#66FF55
#DD00FF
#9900AA
#EE66FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Screen | #22FF00 | 34, 255, 0 | 112°, 100%, 50% | 87, 0, 100, 0 | |
| Biopunk | #66FF55 | 102, 255, 85 | 114°, 100%, 67% | 60, 0, 67, 0 | |
| Psychedelic Purple | #DD00FF | 221, 0, 255 | 292°, 100%, 50% | 13, 100, 0, 0 | |
| Shiffurple | #9900AA | 153, 0, 170 | 294°, 100%, 33% | 10, 100, 0, 33 | |
| Hitsujiyama Pink | #EE66FF | 238, 102, 255 | 293°, 100%, 70% | 7, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66FF55 on #9900AA | 5.45:1 | AA |
| Aa #22FF00 on #9900AA | 5.24:1 | AA |
| Aa #66FF55 on #DD00FF | 2.90:1 | — |
| Aa #22FF00 on #DD00FF | 2.79:1 | — |
| Aa #9900AA on #EE66FF | 2.72:1 | — |
| Aa #66FF55 on #EE66FF | 2.01:1 | — |
CSS variables
:root {
--color-1: #22ff00; /* Green Screen */
--color-2: #66ff55; /* Biopunk */
--color-3: #dd00ff; /* Psychedelic Purple */
--color-4: #9900aa; /* Shiffurple */
--color-5: #ee66ff; /* Hitsujiyama Pink */
}Other schemes from Green Screen
- Green Screen Analogous Color Scheme#FFDD00#A7FC00#22FF00#00FF55#00FFDD
- Green Screen Triadic Color Scheme#22FF00#0022FF#FF0022#77FF66#0018A8
- Green Screen Split-complementary Color Scheme#22FF00#5500FF#FF00A0#11BB00#8855FF
- Green Screen Tetradic Color Scheme#22FF00#00AAFF#DD00FF#FF5F00#77FF66
- Green Screen Monochromatic Color Scheme#046307#11BB00#22FF00#66FF55#B0FF9D
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 Green Screen?
In a complementary scheme: Biopunk (#66FF55), Psychedelic Purple (#DD00FF), Shiffurple (#9900AA), Hitsujiyama Pink (#EE66FF).
What is the hex code of Green Screen?
#22FF00.