Medium Green
Meet Medium Green (#2FB153), a color defined by its pure, saturated hue. Its striking clarity and digital-first feel make it a notable choice for modern interfaces, offering a clean vibrancy that stands out with a perfect balance of brightness and intensity.
What color is Medium Green?
Medium Green is a vibrant, balanced shade that sits squarely in the middle of the green spectrum. It possesses a bright, clear quality without being overly fluorescent, striking a note between the freshness of spring leaves and the depth of a lush meadow.
Its composition leans towards the cooler side, with a distinct blue undertone that gives it a crisp, modern feel. This prevents it from appearing muddy or yellowish, resulting in a pure and energetic hue.
What is the meaning of the color Medium Green (#2FB153)?
Medium Green is deeply rooted in the psychology of nature, evoking a sense of balance, health, and renewal. It's a color that feels restorative and grounding, often associated with environmental consciousness and well-being.
Symbolically, the color #2FB153 suggests growth, prosperity, and positive action. It carries an inherent sense of permission and forward momentum, much like a green light signaling it's safe to proceed.
How to use Medium Green (#2FB153) in UI design?
Medium Green (#2FB153) excels as an accent for calls-to-action, icons, and status indicators, creating a sharp contrast against neutral backgrounds. For a balanced palette, pair it with analogous colors like teals and yellows. To create a more striking composition, consider a split-complementary scheme with shades of purple and orange.
This vibrant green is a familiar choice in digital products. Brands like Spotify and Grab use a similar hue for primary buttons, associating the color with forward actions like playing music or booking a ride. Its presence in the interfaces of Google Maps and Peerlist further cements its role in communicating information and activity.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Medium Green in real UI components of top brands.
How do I use the Medium Green color codes?
The hex code #2FB153 is your starting point for using Medium Green digitally. To maintain color consistency in other applications, like print, you'll need to convert this value into different color models.
Each model is suited for a specific context. For example, RGB is an additive system for screens, while CMYK is a subtractive system for ink. Using the correct code ensures your Medium Green looks the same everywhere.
To make it easy, we've converted #2FB153 into a range of popular formats. Find the values you need below and copy them directly into your project.
Analogous
An analogous palette uses colors adjacent to Medium Green on the color wheel. The result is a unified and calming composition, perfect for serene interfaces.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Medium Green, its complement creates a striking, high-contrast visual pairing.
Split Complementary
Split complementary colors for Medium Green use the two hues adjacent to its direct opposite, offering a vibrant yet more nuanced color scheme.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Medium Green as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme builds on Medium Green with three additional hues, creating two complementary pairs for a bold and well-balanced color story.
Square
A square color scheme pairs four colors evenly spaced on the color wheel. Starting with Medium Green, the resulting combination offers a lively, balanced contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Medium Green are created by adding black, resulting in darker, weightier tones.
Tints
Tints are lighter versions of Medium Green, created by adding white for a softer feel.
Tones
By mixing Medium Green with gray, you create tones with a softer, muted appearance.
Hues
Hues are variations of Medium Green, differing in intensity or temperature to create unique moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
































































































































