Tunic Green Complementary Color Scheme
Five colors arranged by the complementary rule around Tunic Green (#00CC00), each snapped to its nearest named color.
#00CC00
#26FF2A
#CC00CC
#81007F
#FF33FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tunic Green | #00CC00 | 0, 204, 0 | 120°, 100%, 40% | 100, 0, 100, 20 | |
| Electric Laser Lime | #26FF2A | 38, 255, 42 | 121°, 100%, 57% | 85, 0, 84, 0 | |
| Screaming Magenta | #CC00CC | 204, 0, 204 | 300°, 100%, 40% | 0, 100, 0, 20 | |
| Philippine Violet | #81007F | 129, 0, 127 | 301°, 100%, 25% | 0, 100, 2, 49 | |
| Pink Overflow | #FF33FF | 255, 51, 255 | 300°, 100%, 60% | 0, 80, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #26FF2A on #81007F | 6.88:1 | AA |
| Aa #00CC00 on #81007F | 4.30:1 | AA large |
| Aa #26FF2A on #CC00CC | 3.47:1 | AA large |
| Aa #81007F on #FF33FF | 3.20:1 | AA large |
| Aa #00CC00 on #CC00CC | 2.17:1 | — |
| Aa #26FF2A on #FF33FF | 2.15:1 | — |
CSS variables
:root {
--color-1: #00cc00; /* Tunic Green */
--color-2: #26ff2a; /* Electric Laser Lime */
--color-3: #cc00cc; /* Screaming Magenta */
--color-4: #81007f; /* Philippine Violet */
--color-5: #ff33ff; /* Pink Overflow */
}Other schemes from Tunic Green
- Tunic Green Analogous Color Scheme#CCCC00#66CC00#00CC00#06D078#00CCCC
- Tunic Green Triadic Color Scheme#00CC00#0000CC#CC0000#26FF2A#000080
- Tunic Green Split-complementary Color Scheme#00CC00#6600CC#CC0066#008000#8811FF
- Tunic Green Tetradic Color Scheme#00CC00#0066CC#CC00CC#CC6600#26FF2A
- Tunic Green Monochromatic Color Scheme#003300#008000#00CC00#1DF914#66FF66
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 Tunic Green?
In a complementary scheme: Electric Laser Lime (#26FF2A), Screaming Magenta (#CC00CC), Philippine Violet (#81007F), Pink Overflow (#FF33FF).
What is the hex code of Tunic Green?
#00CC00.