Lime (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Lime (CSS) (#00FF00), each snapped to its nearest named color.
#006600
#00B800
#00FF00
#4EFD54
#98FF98
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pakistan Green | #006600 | 0, 102, 0 | 120°, 100%, 20% | 100, 0, 100, 60 | 44.2% 0.150 142 | |
| Bubble Bobble Green | #00B800 | 0, 184, 0 | 120°, 100%, 36% | 100, 0, 100, 28 | 67.8% 0.231 142 | |
| Lime (CSS) | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | 86.6% 0.295 142 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 | 87.4% 0.253 143 | |
| Bright Mint | #98FF98 | 152, 255, 152 | 120°, 100%, 80% | 40, 0, 40, 0 | 91.3% 0.168 144 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #006600 on #98FF98 | 5.89:1 | AA |
| Aa #006600 on #4EFD54 | 5.34:1 | AA |
| Aa #006600 on #00FF00 | 5.28:1 | AA |
| Aa #006600 on #00B800 | 2.71:1 | — |
| Aa #00B800 on #98FF98 | 2.18:1 | — |
| Aa #00B800 on #4EFD54 | 1.97:1 | — |
CSS variables
:root {
--color-1: #006600; /* Pakistan Green */
--color-2: #00b800; /* Bubble Bobble Green */
--color-3: #00ff00; /* Lime (CSS) */
--color-4: #4efd54; /* Goblin Warboss */
--color-5: #98ff98; /* Bright Mint */
}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) Tetradic Color Scheme#00FF00#007FFF#FF00FF#FF7F00#66FF66
More medium green monochromatic color schemes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with Lime (CSS)?
In a monochromatic scheme: Pakistan Green (#006600), Bubble Bobble Green (#00B800), Goblin Warboss (#4EFD54), Bright Mint (#98FF98).
What is the hex code of Lime (CSS)?
#00FF00.