Green Triadic Color Scheme
Five colors arranged by the triadic rule around Green (#00FF00), each snapped to its nearest named color.
#00FF00
#0000FF
#FF0000
#66FF66
#0000BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 | |
| Red | #FF0000 | 255, 0, 0 | 0°, 100%, 50% | 0, 100, 100, 0 | |
| Screamin’ Green | #66FF66 | 102, 255, 102 | 120°, 100%, 70% | 60, 0, 60, 0 | |
| Antarctic Circle | #0000BB | 0, 0, 187 | 240°, 100%, 37% | 100, 100, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66FF66 on #0000BB | 9.35:1 | AAA |
| Aa #00FF00 on #0000BB | 8.91:1 | AAA |
| Aa #0000FF on #66FF66 | 6.57:1 | AA |
| Aa #00FF00 on #0000FF | 6.26:1 | AA |
| Aa #FF0000 on #66FF66 | 3.06:1 | AA large |
| Aa #FF0000 on #0000BB | 3.06:1 | AA large |
CSS variables
:root {
--color-1: #00ff00; /* Green */
--color-2: #0000ff; /* Blue */
--color-3: #ff0000; /* Red */
--color-4: #66ff66; /* Screamin’ Green */
--color-5: #0000bb; /* Antarctic Circle */
}Other schemes from Green
- Green Complementary Color Scheme#00FF00#53FE5C#FF00FF#B300B3#FF66FF
- Green Analogous Color Scheme#FFFF00#88FF00#00FF00#04F489#00FFFF
- Green Split-complementary Color Scheme#00FF00#7F00FF#FF0080#00B800#AA55FF
- Green Tetradic Color Scheme#00FF00#007FFF#FF00FF#FF7F00#66FF66
- Green Monochromatic Color Scheme#006600#00B800#00FF00#4EFD54#98FF98
More Medium Green triadic palettes
- 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 Green?
In a triadic scheme: Blue (#0000FF), Red (#FF0000), Screamin’ Green (#66FF66), Antarctic Circle (#0000BB).
What is the hex code of Green?
#00FF00.