Candy Green Complementary Color Scheme
Five colors arranged by the complementary rule around Candy Green (#33CC00), each snapped to its nearest named color.
#33CC00
#55FF22
#9400D3
#660088
#CC33FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Candy Green | #33CC00 | 51, 204, 0 | 105°, 100%, 40% | 75, 0, 100, 20 | |
| Traffic Green | #55FF22 | 85, 255, 34 | 106°, 100%, 57% | 67, 0, 87, 0 | |
| Violet Ink | #9400D3 | 148, 0, 211 | 282°, 100%, 41% | 30, 100, 0, 17 | |
| Peaceful Purple | #660088 | 102, 0, 136 | 285°, 100%, 27% | 25, 100, 0, 47 | |
| Flamingo Queen | #CC33FF | 204, 51, 255 | 285°, 100%, 60% | 20, 80, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #55FF22 on #660088 | 8.18:1 | AAA |
| Aa #33CC00 on #660088 | 5.09:1 | AA |
| Aa #55FF22 on #9400D3 | 4.91:1 | AA |
| Aa #33CC00 on #9400D3 | 3.06:1 | AA large |
| Aa #55FF22 on #CC33FF | 2.86:1 | — |
| Aa #660088 on #CC33FF | 2.86:1 | — |
CSS variables
:root {
--color-1: #33cc00; /* Candy Green */
--color-2: #55ff22; /* Traffic Green */
--color-3: #9400d3; /* Violet Ink */
--color-4: #660088; /* Peaceful Purple */
--color-5: #cc33ff; /* Flamingo Queen */
}Other schemes from Candy Green
- Candy Green Analogous Color Scheme#CC9900#99CC00#33CC00#00CC33#00CC99
- 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 complementary palettes
- 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 Candy Green?
In a complementary scheme: Traffic Green (#55FF22), Violet Ink (#9400D3), Peaceful Purple (#660088), Flamingo Queen (#CC33FF).
What is the hex code of Candy Green?
#33CC00.