Traffic Green Complementary Color Scheme
Five colors arranged by the complementary rule around Traffic Green (#55FF22), each snapped to its nearest named color.
#55FF22
#96F97B
#CC22FF
#AA00CC
#EE88FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Traffic Green | #55FF22 | 85, 255, 34 | 106°, 100%, 57% | 67, 0, 87, 0 | |
| Radar Blip Green | #96F97B | 150, 249, 123 | 107°, 91%, 73% | 40, 0, 51, 2 | |
| Flirtatious Flamingo | #CC22FF | 204, 34, 255 | 286°, 100%, 57% | 20, 87, 0, 0 | |
| Ferocious Fuchsia | #AA00CC | 170, 0, 204 | 290°, 100%, 40% | 17, 100, 0, 20 | |
| Give Me Your Love | #EE88FF | 238, 136, 255 | 291°, 100%, 77% | 7, 47, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #96F97B on #AA00CC | 4.51:1 | AA |
| Aa #55FF22 on #AA00CC | 4.39:1 | AA large |
| Aa #96F97B on #CC22FF | 3.08:1 | AA large |
| Aa #55FF22 on #CC22FF | 3.00:1 | — |
| Aa #AA00CC on #EE88FF | 2.68:1 | — |
| Aa #CC22FF on #EE88FF | 1.83:1 | — |
CSS variables
:root {
--color-1: #55ff22; /* Traffic Green */
--color-2: #96f97b; /* Radar Blip Green */
--color-3: #cc22ff; /* Flirtatious Flamingo */
--color-4: #aa00cc; /* Ferocious Fuchsia */
--color-5: #ee88ff; /* Give Me Your Love */
}Other schemes from Traffic Green
- Traffic Green Analogous Color Scheme#FFCC22#C9FF27#55FF22#2DFE54#32FFDC
- Traffic Green Triadic Color Scheme#55FF22#265EF7#FF2255#B1FC99#0033CC
- Traffic Green Split-complementary Color Scheme#55FF22#4422FF#EA27C2#33CC00#9878F8
- Traffic Green Tetradic Color Scheme#55FF22#37C4FA#CC22FF#F65D20#B1FC99
- Traffic Green Monochromatic Color Scheme#118800#33CC00#55FF22#96F97B#CFFDBC
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 Traffic Green?
In a complementary scheme: Radar Blip Green (#96F97B), Flirtatious Flamingo (#CC22FF), Ferocious Fuchsia (#AA00CC), Give Me Your Love (#EE88FF).
What is the hex code of Traffic Green?
#55FF22.