Spring green is a fresh, lively color symbolizing growth and renewal. It sits between green and yellow on the color wheel. This bright, cheerful hue resembles new leaves. Similar shades include mint and lime. Use spring green to add vibrancy and optimism to your design.
Spring Green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #00FF7F
- RGB value: 0.0% red, 100.0% green, 49.8% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Spring Green, consider:
- Lime green (#89f336): This color features a bright, energetic hue that captures the lively vibrancy of fresh spring foliage, making it closely resemble spring green.
- Neon green (#2cff05): With its striking and vivid intensity, neon green mirrors the bright and lively feel of spring green, embodying a sense of renewal.
- Pastel green (#80ef80): A softer version of lime shades, pastel green exudes a gentle freshness akin to spring green, perfect for creating a calming atmosphere.
- Celadon (#a8dcab): This shade displays a soft, soothing tone with a touch of blue, echoing the gentle and invigorating qualities associated with spring green.
To complement Spring Green, consider pairing it with:
- Cobalt Blue (#0047AB): This deep, vibrant blue intensifies the freshness of Spring Green, creating an eye-catching and balanced contrast.
- Coral (#FF8559): Coral's warm undertones harmonize beautifully with Spring Green, adding vibrancy and a touch of warmth to the palette.
- Lilac (#A47DAB): Lilac’s soft, muted purple provides a gentle contrast, enhancing Spring Green’s liveliness without overpowering it.
- Slate Gray (#6D8196): Slate Gray offers a cool, sophisticated backdrop that highlights Spring Green’s refreshing and lively quality.
While Spring Green is fresh and lively, it may clash with:
- Burnt Orange (#BE5103): Burnt orange's intense warmth competes with the cool, vibrant tone of spring green, creating a visual tug-of-war.
- Royal Purple (#6C3BAA): Royal purple's deep, regal hue can overshadow spring green, leading to a visually imbalanced and heavy combination.
- Crimson Red (#B22222): Crimson red's bold, dramatic color can create too stark a contrast with the lighter, fresher spring green.
- Cinnamon (#D47E30): Cinnamon's earthy richness conflicts with the bright and energetic quality of spring green, resulting in a discordant pairing.
- Charcoal (#4A4A4A): Charcoal's dark and muted tone can mute the brightness of spring green, reducing its lively impact.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Mint Vibe
Mint Fizz
Mint Jazz
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
1.35:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Fail
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
15.61:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Pass
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #00FF7F, known as Spring Green, has RGB values of R:0, G:255, B:127 and CMYK values of C:100, M:0, Y:50, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00FF7F | #00FF7F |
| RGB DECIMAL | 0, 255, 127 | RGB(0,255,127) |
| RGB PERCENTAGE | 0.0, 100.0, 49.8 | RGB(0.0%,100.0%,49.8%) |
| CMYK | 100, 0, 50, 0 | |
| HSL | HSL(149.9, 100.0%, 50.0%) | HSL(149.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 149.9°, 100.0, 100.0 | |
| WEB SAFE | #0255102 | #0255102 |
| BINARY | 00000000, 11111111, 01111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 0.498) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 0.498, alpha: 1) | |
| Android - Compose | Color(0xFF00FF7F) |
