Medium Teal Blue
Meet Medium Teal Blue (#0054B4), a shade that balances intensity with sophistication. This striking blue is defined by its rich saturation and clean appearance, making it a powerful and direct choice for digital interfaces that need to make a clear statement.
What color is Medium Teal Blue?
Medium Teal Blue is a cool, saturated shade that sits comfortably between blue and green.
It carries a distinct blue dominance with a subtle green undertone, giving it a sense of depth and stability without the severity of a pure navy.
What meaning does Medium Teal Blue (#0054B4) convey in product design?
Medium Teal Blue projects a sense of calm and stability, drawing from the tranquility of blue and the restorative nature of green. It often signifies open communication and clarity of thought, making it a color of intellectual depth and emotional balance.
Historically named after the colored stripe on the Eurasian teal duck, this shade carries an association with trustworthiness and sophistication. These qualities have made it a frequent choice for brands aiming to appear dependable and serene.
How can I effectively use Medium Teal Blue in my UI design?
To apply Medium Teal Blue effectively in UI design, pair it with crisp whites and light grays for a sharp, corporate feel. This high contrast makes text legible and interfaces clean. For a more vibrant composition, consider accenting with warm colors like a soft coral or a muted mustard yellow. These complementary pairings can draw attention to key interactive elements, such as call-to-action buttons or important notifications, without overwhelming the user.
While not as common as a standard navy, shades close to Medium Teal Blue appear in the branding of companies like IKEA, Afterpay, and Sprout Social, often to project reliability and a modern outlook. Its relative scarcity in digital products presents an opportunity for differentiation, allowing a brand to build a unique visual identity.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Medium Teal Blue (#0054B4) in real UI components of top brands.
Using Medium Teal Blue color codes
Applying Medium Teal Blue consistently across digital and print projects means using the right color code for the job. While the hex code #0054B4 is the go-to for web and app design, other formats are necessary for different applications.
Each color model represents color differently. RGB values, for instance, define color for screens by mixing red, green, and blue light, while CMYK is the standard for print, specifying ink combinations. Other models like HSL offer a more intuitive way to make adjustments by separating hue, saturation, and lightness.
To help you get started, we’ve converted #0054B4 into a range of popular color models. You can find the corresponding values below, ready to copy and paste directly into your projects.
Analogous
Sitting next to Medium Teal Blue on the color wheel, analogous colors produce a cohesive and serene palette, offering a pleasing, low-contrast look.
Complementary
For Medium Teal Blue, its complementary colors are those directly across the color wheel, offering maximum visual contrast and energy.
Split Complementary
Split complementary colors offer a vibrant yet balanced palette by pairing Medium Teal Blue with the two colors adjacent to its direct complement.
Triadic
A triadic scheme pairs Medium Teal Blue with two other colors, forming an equilateral triangle on the color wheel for a bold yet balanced effect.
Tetradic
For Medium Teal Blue, a tetradic scheme builds a vibrant, four-color palette by combining two pairs of complementary colors from the wheel.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Medium Teal Blue, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Medium Teal Blue creates shades, giving the color more depth and weight.
Tints
Tints of Medium Teal Blue are created by adding white, resulting in softer, lighter variations.
Tones
Tones of Medium Teal Blue are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues are variations of Medium Teal Blue, differing in intensity and temperature to create distinct 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.




























































































































