Candy Green Analogous Color Scheme
Five colors arranged by the analogous rule around Candy Green (#33CC00), each snapped to its nearest named color.
#CC9900
#99CC00
#33CC00
#00CC33
#00CC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Amber | #CC9900 | 204, 153, 0 | 45°, 100%, 40% | 0, 25, 100, 20 | |
| Viric Green | #99CC00 | 153, 204, 0 | 75°, 100%, 40% | 25, 0, 100, 20 | |
| Candy Green | #33CC00 | 51, 204, 0 | 105°, 100%, 40% | 75, 0, 100, 20 | |
| Vivid Malachite | #00CC33 | 0, 204, 51 | 135°, 100%, 40% | 100, 0, 75, 20 | |
| Caribbean Green | #00CC99 | 0, 204, 153 | 165°, 100%, 40% | 100, 0, 25, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC9900 on #99CC00 | 1.35:1 | — |
| Aa #CC9900 on #00CC99 | 1.24:1 | — |
| Aa #CC9900 on #33CC00 | 1.20:1 | — |
| Aa #CC9900 on #00CC33 | 1.19:1 | — |
| Aa #99CC00 on #00CC33 | 1.13:1 | — |
| Aa #99CC00 on #33CC00 | 1.12:1 | — |
CSS variables
:root {
--color-1: #cc9900; /* Vivid Amber */
--color-2: #99cc00; /* Viric Green */
--color-3: #33cc00; /* Candy Green */
--color-4: #00cc33; /* Vivid Malachite */
--color-5: #00cc99; /* Caribbean Green */
}Other schemes from Candy Green
- Candy Green Complementary Color Scheme#33CC00#55FF22#9400D3#660088#CC33FF
- Candy Green Triadic Color Scheme#33CC00#0033CC#CC0033#66FF22#002387
- Candy Green Split-complementary Color Scheme#33CC00#3300CC#CC0088#2A8000#5218FA
- Candy Green Tetradic Color Scheme#33CC00#0099CC#9400D3#CC3300#66FF22
- Candy Green Monochromatic Color Scheme#113300#2A8000#33CC00#55FF11#9AF764
More Medium Green analogous palettes
- Acid Analogous Color Scheme#DDFF00#55FF00#00FF22#05FFA6#04D9FF
- Acid Green Analogous Color Scheme#FE7A04#FFF005#8FFE09#1BFC06#00FF77
- Alarming Slime Analogous Color Scheme#D0E429#68E52F#2CE335#2AF589#22DDEE
- Alien Abduction Analogous Color Scheme#FEFF0F#88FF11#0CFF0C#04F489#11FFFF
- Alienated Analogous Color Scheme#77CC00#11CC00#00CC55#00CCBB#0076CC
- Aloe Vera Analogous Color Scheme#769358#5C9F59#678779#5B9099#577396
- Aromatic Herbs Analogous Color Scheme#CC7744#C4B146#98C945#58D854#41C379
- Around the Gills Analogous Color Scheme#B8866E#B7A86D#A1B670#7CB26E#73B683
- Artichoke Analogous Color Scheme#AA7B65#A89768#8F9779#72A86A#6FA77A
- Arugula Analogous Color Scheme#AD935B#9FAC5C#75AD5B#54AC68#58AC8F
- Asparagus Analogous Color Scheme#AC8A56#AAAA55#77AB56#56AE57#58AC8F
- Atomic Lime Analogous Color Scheme#FE4B03#FFC801#B9FF03#3FFF00#00FF40
Questions
What colors go with Candy Green?
In a analogous scheme: Vivid Amber (#CC9900), Viric Green (#99CC00), Vivid Malachite (#00CC33), Caribbean Green (#00CC99).
What is the hex code of Candy Green?
#33CC00.