Vivid Green Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Vivid Green (#2FEF10), each snapped to its nearest named color.
#11610F
#22AA00
#2FEF10
#70F15E
#B0FF9D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Thuja Green | #11610F | 17, 97, 15 | 119°, 73%, 22% | 82, 0, 85, 62 | 43.0% 0.135 143 | |
| Vegetarian | #22AA00 | 34, 170, 0 | 108°, 100%, 33% | 80, 0, 100, 33 | 64.3% 0.213 141 | |
| Vivid Green | #2FEF10 | 47, 239, 16 | 112°, 87%, 50% | 80, 0, 93, 6 | 82.9% 0.274 142 | |
| The Matrix | #70F15E | 112, 241, 94 | 113°, 84%, 66% | 54, 0, 61, 5 | 85.5% 0.219 141 | |
| Lens Flare Green | #B0FF9D | 176, 255, 157 | 108°, 100%, 81% | 31, 0, 38, 0 | 92.6% 0.150 140 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #11610F on #B0FF9D | 6.44:1 | AA |
| Aa #11610F on #70F15E | 5.27:1 | AA |
| Aa #11610F on #2FEF10 | 4.92:1 | AA |
| Aa #22AA00 on #B0FF9D | 2.59:1 | — |
| Aa #11610F on #22AA00 | 2.49:1 | — |
| Aa #22AA00 on #70F15E | 2.12:1 | — |
CSS variables
:root {
--color-1: #11610f; /* Thuja Green */
--color-2: #22aa00; /* Vegetarian */
--color-3: #2fef10; /* Vivid Green */
--color-4: #70f15e; /* The Matrix */
--color-5: #b0ff9d; /* Lens Flare Green */
}Other schemes from Vivid Green
- Vivid Green Complementary Color Scheme#2FEF10#75FD63#CC11FF#9900AA#F06FFF
- Vivid Green Analogous Color Scheme#EECC11#97EA10#2FEF10#1EF876#13EAC9
- Vivid Green Triadic Color Scheme#2FEF10#0033EE#EE1133#88EE77#0022AA
- Vivid Green Split-complementary Color Scheme#2FEF10#661AEE#EE1199#22AA00#955AF2
- Vivid Green Tetradic Color Scheme#2FEF10#1199EE#CC11FF#EE6611#88EE77
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 Vivid Green?
In a monochromatic scheme: Thuja Green (#11610F), Vegetarian (#22AA00), The Matrix (#70F15E), Lens Flare Green (#B0FF9D).
What is the hex code of Vivid Green?
#2FEF10.