Green Screen Tetradic Color Scheme
Five colors arranged by the tetradic rule around Green Screen (#22FF00), each snapped to its nearest named color.
#22FF00
#00AAFF
#DD00FF
#FF5F00
#77FF66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Screen | #22FF00 | 34, 255, 0 | 112°, 100%, 50% | 87, 0, 100, 0 | |
| Protoss Pylon | #00AAFF | 0, 170, 255 | 200°, 100%, 50% | 100, 33, 0, 0 | |
| Psychedelic Purple | #DD00FF | 221, 0, 255 | 292°, 100%, 50% | 13, 100, 0, 0 | |
| Vivid Orange | #FF5F00 | 255, 95, 0 | 22°, 100%, 50% | 0, 63, 100, 0 | |
| Poisonous Dart | #77FF66 | 119, 255, 102 | 113°, 100%, 70% | 53, 0, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD00FF on #77FF66 | 2.95:1 | — |
| Aa #22FF00 on #DD00FF | 2.79:1 | — |
| Aa #FF5F00 on #77FF66 | 2.36:1 | — |
| Aa #22FF00 on #FF5F00 | 2.23:1 | — |
| Aa #00AAFF on #77FF66 | 1.99:1 | — |
| Aa #22FF00 on #00AAFF | 1.88:1 | — |
CSS variables
:root {
--color-1: #22ff00; /* Green Screen */
--color-2: #00aaff; /* Protoss Pylon */
--color-3: #dd00ff; /* Psychedelic Purple */
--color-4: #ff5f00; /* Vivid Orange */
--color-5: #77ff66; /* Poisonous Dart */
}Other schemes from Green Screen
- Green Screen Complementary Color Scheme#22FF00#66FF55#DD00FF#9900AA#EE66FF
- 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 Monochromatic Color Scheme#046307#11BB00#22FF00#66FF55#B0FF9D
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Green Screen?
In a tetradic scheme: Protoss Pylon (#00AAFF), Psychedelic Purple (#DD00FF), Vivid Orange (#FF5F00), Poisonous Dart (#77FF66).
What is the hex code of Green Screen?
#22FF00.