Spring Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Spring Green (#00FF7F), each snapped to its nearest named color.
#00FF7F
#0000FF
#FF0080
#FFFF00
#6BFFB3
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 | |
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 | 45.2% 0.313 264 | |
| Neon Rose | #FF0080 | 255, 0, 128 | 330°, 100%, 50% | 0, 100, 50, 0 | 64.5% 0.260 2 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | 96.8% 0.211 110 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | 90.0% 0.167 158 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0000FF on #FFFF00 | 8.00:1 | AAA |
| Aa #0000FF on #6BFFB3 | 6.78:1 | AA |
| Aa #00FF7F on #0000FF | 6.39:1 | AA |
| Aa #FF0080 on #FFFF00 | 3.51:1 | AA large |
| Aa #FF0080 on #6BFFB3 | 2.98:1 | — |
| Aa #00FF7F on #FF0080 | 2.81:1 | — |
CSS variables
:root {
--color-1: #00ff7f; /* Spring Green */
--color-2: #0000ff; /* Blue */
--color-3: #ff0080; /* Neon Rose */
--color-4: #ffff00; /* Yellow */
--color-5: #6bffb3; /* Venice Green */
}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 Triadic Color Scheme#00FF7F#7F00FF#FF7F00#6BFFB3#5500BB
- Spring Green Split-complementary Color Scheme#00FF7F#FF00FF#FF0000#00BB55#FC53FC
- Spring Green Monochromatic Color Scheme#006633#00BB55#00FF7F#53FCA1#96FBC4
More medium green tetradic color schemes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Spring Green?
In a tetradic scheme: Blue (#0000FF), Neon Rose (#FF0080), Yellow (#FFFF00), Venice Green (#6BFFB3).
What is the hex code of Spring Green?
#00FF7F.