Signal Green Triadic Color Scheme
Five colors arranged by the triadic rule around Signal Green (#33FF00), each snapped to its nearest named color.
#33FF00
#0033FF
#FF0033
#9AF764
#0022BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Signal Green | #33FF00 | 51, 255, 0 | 108°, 100%, 50% | 80, 0, 100, 0 | 87.0% 0.290 142 | |
| Blinking Blue | #0033FF | 0, 51, 255 | 228°, 100%, 50% | 100, 80, 0, 0 | 48.5% 0.291 264 | |
| Hornet Sting | #FF0033 | 255, 0, 51 | 348°, 100%, 50% | 0, 100, 80, 0 | 63.1% 0.255 24 | |
| Stadium Lawn | #9AF764 | 154, 247, 100 | 98°, 90%, 68% | 38, 0, 60, 3 | 88.8% 0.202 136 | |
| Underwater Falling | #0022BB | 0, 34, 187 | 229°, 100%, 37% | 100, 82, 0, 27 | 38.3% 0.231 264 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9AF764 on #0022BB | 8.15:1 | AAA |
| Aa #33FF00 on #0022BB | 7.94:1 | AAA |
| Aa #0033FF on #9AF764 | 5.44:1 | AA |
| Aa #33FF00 on #0033FF | 5.29:1 | AA |
| Aa #FF0033 on #9AF764 | 2.99:1 | — |
| Aa #33FF00 on #FF0033 | 2.91:1 | — |
CSS variables
:root {
--color-1: #33ff00; /* Signal Green */
--color-2: #0033ff; /* Blinking Blue */
--color-3: #ff0033; /* Hornet Sting */
--color-4: #9af764; /* Stadium Lawn */
--color-5: #0022bb; /* Underwater Falling */
}Other schemes from Signal Green
- Signal Green Complementary Color Scheme#33FF00#70F15E#CC00FF#8601AF#EE66FF
- Signal Green Analogous Color Scheme#FFCC00#B9FF03#33FF00#00FF55#00FFCC
- Signal Green Split-complementary Color Scheme#33FF00#4400FF#FE01B1#22BB00#8855FF
- Signal Green Tetradic Color Scheme#33FF00#01ABFD#CC00FF#FF4D00#9AF764
- Signal Green Monochromatic Color Scheme#046307#22BB00#33FF00#66FF55#B0FF9D
More medium green triadic color schemes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Signal Green?
In a triadic scheme: Blinking Blue (#0033FF), Hornet Sting (#FF0033), Stadium Lawn (#9AF764), Underwater Falling (#0022BB).
What is the hex code of Signal Green?
#33FF00.