Tunic Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Tunic Green (#00CC00), each snapped to its nearest named color.
#00CC00
#0066CC
#CC00CC
#CC6600
#26FF2A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tunic Green | #00CC00 | 0, 204, 0 | 120°, 100%, 40% | 100, 0, 100, 20 | |
| Royal Navy Blue | #0066CC | 0, 102, 204 | 210°, 100%, 40% | 100, 50, 0, 20 | |
| Screaming Magenta | #CC00CC | 204, 0, 204 | 300°, 100%, 40% | 0, 100, 0, 20 | |
| Curry Powder | #CC6600 | 204, 102, 0 | 30°, 100%, 40% | 0, 50, 100, 20 | |
| Electric Laser Lime | #26FF2A | 38, 255, 42 | 121°, 100%, 57% | 85, 0, 84, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0066CC on #26FF2A | 4.09:1 | AA large |
| Aa #CC00CC on #26FF2A | 3.47:1 | AA large |
| Aa #CC6600 on #26FF2A | 2.82:1 | — |
| Aa #00CC00 on #0066CC | 2.55:1 | — |
| Aa #00CC00 on #CC00CC | 2.17:1 | — |
| Aa #00CC00 on #CC6600 | 1.76:1 | — |
CSS variables
:root {
--color-1: #00cc00; /* Tunic Green */
--color-2: #0066cc; /* Royal Navy Blue */
--color-3: #cc00cc; /* Screaming Magenta */
--color-4: #cc6600; /* Curry Powder */
--color-5: #26ff2a; /* Electric Laser Lime */
}Other schemes from Tunic Green
- Tunic Green Complementary Color Scheme#00CC00#26FF2A#CC00CC#81007F#FF33FF
- 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 Monochromatic Color Scheme#003300#008000#00CC00#1DF914#66FF66
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 Tunic Green?
In a tetradic scheme: Royal Navy Blue (#0066CC), Screaming Magenta (#CC00CC), Curry Powder (#CC6600), Electric Laser Lime (#26FF2A).
What is the hex code of Tunic Green?
#00CC00.