Spring Green Triadic Color Scheme
Five colors arranged by the triadic rule around Spring Green (#00FF7F), each snapped to its nearest named color.
#00FF7F
#7F00FF
#FF7F00
#6BFFB3
#5500BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Spring Green | #00FF7F | 0, 255, 127 | 150°, 100%, 50% | 100, 0, 50, 0 | 87.5% 0.235 151 | |
| Violent Violet | #7F00FF | 127, 0, 255 | 270°, 100%, 50% | 50, 100, 0, 0 | 52.9% 0.293 294 | |
| Orange Juice | #FF7F00 | 255, 127, 0 | 30°, 100%, 50% | 0, 50, 100, 0 | 73.0% 0.186 53 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | 90.0% 0.167 158 | |
| Elegant Midnight | #5500BB | 85, 0, 187 | 267°, 100%, 37% | 55, 100, 0, 27 | 41.2% 0.232 291 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6BFFB3 on #5500BB | 7.88:1 | AAA |
| Aa #00FF7F on #5500BB | 7.42:1 | AAA |
| Aa #7F00FF on #6BFFB3 | 4.95:1 | AA |
| Aa #00FF7F on #7F00FF | 4.66:1 | AA |
| Aa #FF7F00 on #5500BB | 3.94:1 | AA large |
| Aa #7F00FF on #FF7F00 | 2.48:1 | — |
CSS variables
:root {
--color-1: #00ff7f; /* Spring Green */
--color-2: #7f00ff; /* Violent Violet */
--color-3: #ff7f00; /* Orange Juice */
--color-4: #6bffb3; /* Venice Green */
--color-5: #5500bb; /* Elegant Midnight */
}Other schemes from Spring Green
- Spring Green Complementary Color Scheme#00FF7F#55FFAA#FF0080#AA0055#FF69B4
- Spring Green Analogous Color Scheme#88FF00#00FF00#00FF7F#00FFFF#0080FF
- Spring Green Split-complementary Color Scheme#00FF7F#FF00FF#FF0000#00BB55#FC53FC
- Spring Green Tetradic Color Scheme#00FF7F#0000FF#FF0080#FFFF00#6BFFB3
- Spring Green Monochromatic Color Scheme#006633#00BB55#00FF7F#53FCA1#96FBC4
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 Spring Green?
In a triadic scheme: Violent Violet (#7F00FF), Orange Juice (#FF7F00), Venice Green (#6BFFB3), Elegant Midnight (#5500BB).
What is the hex code of Spring Green?
#00FF7F.