Lime Green Complementary Color Scheme
Five colors arranged by the complementary rule around Lime Green (#32CD32), each snapped to its nearest named color.
#32CD32
#77DD77
#CC33CC
#942193
#EE82ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lime Green | #32CD32 | 50, 205, 50 | 120°, 61%, 50% | 76, 0, 76, 20 | 74.2% 0.229 143 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | 81.2% 0.169 144 | |
| Steel Pink | #CC33CC | 204, 51, 204 | 300°, 60%, 50% | 0, 75, 0, 20 | 61.3% 0.246 328 | |
| Acai Juice | #942193 | 148, 33, 147 | 301°, 64%, 35% | 0, 78, 1, 42 | 48.2% 0.194 328 | |
| Lavender Magenta | #EE82ED | 238, 130, 237 | 301°, 76%, 72% | 0, 45, 0, 7 | 76.1% 0.185 328 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77DD77 on #942193 | 4.28:1 | AA large |
| Aa #32CD32 on #942193 | 3.42:1 | AA large |
| Aa #942193 on #EE82ED | 3.12:1 | AA large |
| Aa #77DD77 on #CC33CC | 2.52:1 | — |
| Aa #32CD32 on #CC33CC | 2.02:1 | — |
| Aa #CC33CC on #EE82ED | 1.84:1 | — |
CSS variables
:root {
--color-1: #32cd32; /* Lime Green */
--color-2: #77dd77; /* Pastel Green */
--color-3: #cc33cc; /* Steel Pink */
--color-4: #942193; /* Acai Juice */
--color-5: #ee82ed; /* Lavender Magenta */
}Other schemes from Lime Green
- Lime Green Analogous Color Scheme#CCCC33#88CC33#32CD32#22CC88#30D5C8
- Lime Green Triadic Color Scheme#32CD32#243BCD#CC3333#94E089#312297
- Lime Green Split-complementary Color Scheme#32CD32#7736D9#CC3388#228B22#A669DB
- Lime Green Tetradic Color Scheme#32CD32#327CCB#CC33CC#CD7F32#94E089
- Lime Green Monochromatic Color Scheme#115511#228B22#32CD32#77DD77#AAEEAA
More medium green complementary color schemes
- 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 Lime Green?
In a complementary scheme: Pastel Green (#77DD77), Steel Pink (#CC33CC), Acai Juice (#942193), Lavender Magenta (#EE82ED).
What is the hex code of Lime Green?
#32CD32.