Traffic Green Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Traffic Green (#55FF22), each snapped to its nearest named color.
#118800
#33CC00
#55FF22
#96F97B
#CFFDBC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Minstrel of the Woods | #118800 | 17, 136, 0 | 113°, 100%, 27% | 88, 0, 100, 47 | |
| 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 | |
| Radar Blip Green | #96F97B | 150, 249, 123 | 107°, 91%, 73% | 40, 0, 51, 2 | |
| Breeze of Green | #CFFDBC | 207, 253, 188 | 102°, 94%, 86% | 18, 0, 26, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #118800 on #CFFDBC | 4.05:1 | AA large |
| Aa #118800 on #96F97B | 3.55:1 | AA large |
| Aa #118800 on #55FF22 | 3.46:1 | AA large |
| Aa #118800 on #33CC00 | 2.15:1 | — |
| Aa #33CC00 on #CFFDBC | 1.88:1 | — |
| Aa #33CC00 on #96F97B | 1.65:1 | — |
CSS variables
:root {
--color-1: #118800; /* Minstrel of the Woods */
--color-2: #33cc00; /* Candy Green */
--color-3: #55ff22; /* Traffic Green */
--color-4: #96f97b; /* Radar Blip Green */
--color-5: #cffdbc; /* Breeze of Green */
}Other schemes from Traffic Green
- Traffic Green Complementary Color Scheme#55FF22#96F97B#CC22FF#AA00CC#EE88FF
- 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
More Medium Green monochromatic palettes
- 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 Traffic Green?
In a monochromatic scheme: Minstrel of the Woods (#118800), Candy Green (#33CC00), Radar Blip Green (#96F97B), Breeze of Green (#CFFDBC).
What is the hex code of Traffic Green?
#55FF22.