Lime (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Lime (CSS) (#00FF00), each snapped to its nearest named color.
#00FF00
#007FFF
#FF00FF
#FF7F00
#66FF66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lime (CSS) | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | 86.6% 0.295 142 | |
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | 61.3% 0.212 256 | |
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | 70.2% 0.322 328 | |
| Orange Juice | #FF7F00 | 255, 127, 0 | 30°, 100%, 50% | 0, 50, 100, 0 | 73.0% 0.186 53 | |
| Screamin’ Green | #66FF66 | 102, 255, 102 | 120°, 100%, 70% | 60, 0, 60, 0 | 88.7% 0.234 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #007FFF on #66FF66 | 2.93:1 | — |
| Aa #00FF00 on #007FFF | 2.79:1 | — |
| Aa #FF00FF on #66FF66 | 2.40:1 | — |
| Aa #00FF00 on #FF00FF | 2.29:1 | — |
| Aa #FF7F00 on #66FF66 | 1.94:1 | — |
| Aa #00FF00 on #FF7F00 | 1.85:1 | — |
CSS variables
:root {
--color-1: #00ff00; /* Lime (CSS) */
--color-2: #007fff; /* Azure */
--color-3: #ff00ff; /* Magenta */
--color-4: #ff7f00; /* Orange Juice */
--color-5: #66ff66; /* Screamin’ Green */
}Other schemes from Lime (CSS)
- Lime (CSS) Complementary Color Scheme#00FF00#53FE5C#FF00FF#B300B3#FF66FF
- Lime (CSS) Analogous Color Scheme#FFFF00#88FF00#00FF00#04F489#00FFFF
- Lime (CSS) Triadic Color Scheme#00FF00#0000FF#FF0000#66FF66#0000BB
- Lime (CSS) Split-complementary Color Scheme#00FF00#7F00FF#FF0080#00B800#AA55FF
- Lime (CSS) Monochromatic Color Scheme#006600#00B800#00FF00#4EFD54#98FF98
More medium green tetradic color schemes
- 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 Lime (CSS)?
In a tetradic scheme: Azure (#007FFF), Magenta (#FF00FF), Orange Juice (#FF7F00), Screamin’ Green (#66FF66).
What is the hex code of Lime (CSS)?
#00FF00.