Viridian
Meet Viridian (#4D9987), a captivating blue-green that commands attention. Its striking quality comes from a unique balance between cool blue undertones and a vibrant green presence, offering a sophisticated yet fresh option for any modern design palette.
What color is Viridian?
Viridian (#4D9987) is a cool, blue-toned green that sits somewhere between teal and jade.
It has a medium depth and saturation, giving it a sophisticated character without being overpowering.
What is the meaning behind the color Viridian (#4D9987)?
Viridian embodies a sophisticated balance, blending the tranquility of blue with the revitalizing energy of green. It often symbolizes clarity, wisdom, and prosperity, evoking a sense of calm and thoughtful intention.
Historically prized for its permanence and safety, the pigment's legacy adds a layer of trust and endurance to its modern interpretation.
How can I use Viridian (#4D9987) in my UI design?
Viridian, with its hex code #4D9987, works effectively as a primary brand color or a striking accent. It creates a sharp, clean look against crisp whites and soft grays. For a more dynamic palette, consider pairing it with warm, earthy tones like ochre or terracotta, or even a muted coral for a vibrant split-complementary scheme.
While not a dominant color across the web, Viridian’s distinctive quality is used by brands like N26, Opera, and Retool to build a memorable presence. Its rarity presents an opportunity for differentiation, helping a product stand out in a crowded market.
To see how Viridian works in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility, and see #4D9987 applied to real UI components from leading apps.
Using Viridian color codes
To apply Viridian in your work, you'll start with its HEX code: #4D9987. This value is the standard identifier for the color in web development and most digital design software, serving as the foundation for its use across different media.
Different projects require different color models. A HEX code can be translated into RGB (Red, Green, Blue) values for screen-based displays or into CMYK (Cyan, Magenta, Yellow, Key) for anything destined for print. Other formats like HSL (Hue, Saturation, Lightness) offer a more intuitive method for making color adjustments.
To simplify your workflow, we've converted #4D9987 into a range of popular formats. You can find and copy the exact values you need for your project in the sections that follow.
Analogous
Analogous colors sit next to each other on the color wheel. Paired with Viridian, they produce a cohesive and serene palette.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Viridian, these hues create a striking, high-contrast visual effect.
Split Complementary
A split complementary palette for Viridian pairs it with the two colors neighboring its direct complement, creating a vibrant yet harmonious look.
Triadic
A triadic palette is built from three colors equally spaced on the color wheel, creating a vibrant, high-contrast effect with Viridian.
Tetradic
Tetradic schemes use two pairs of complementary colors. For Viridian, this creates a rich, four-color palette by forming a rectangle on the color wheel.
Square
A square color scheme pairs Viridian with three other colors, all equidistant on the color wheel, forming a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Viridian are made by adding black, giving the color more depth and weight.
Tints
Tints are lighter variations of Viridian, created by adding white to produce a softer feel.
Tones
Adding gray to Viridian creates its tones, resulting in a muted and less saturated color.
Hues
Hues are variations of Viridian that share its base color but differ in intensity or temperature.
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.
