Green Blue
Green Blue (#1164B4) is a hue that balances depth with a surprising luminosity. Its character comes from a rich saturation that stops just short of pure primary blue, giving it a unique visual signature that captures attention without overwhelming the eye.
What color is Green Blue?
Green Blue is a cool-toned color situated between blue and green, presenting as a deep shade of cyan.
It carries the stability of blue but is softened by green undertones, giving it a balanced and refreshing quality.
What is the meaning behind the color Green Blue (#1164B4)?
Green Blue, with the hex code #1164B4, often inspires feelings of calm and clarity. It merges the stability of blue with the restorative qualities of green, creating a balanced and trustworthy impression.
Symbolically, the color suggests the natural world, from deep water to dense foliage, representing growth and renewal. For designers, it's a sophisticated choice that communicates both serenity and intellectual depth.
What are some practical ways to apply Green Blue in UI design?
Green Blue, or #1164B4, is a versatile choice for user interfaces. It shines as a primary action color against a backdrop of crisp whites and deep charcoals, creating a sharp, professional look. For a more vibrant scheme, consider pairing it with analogous blues and greens to build a harmonious palette, or introduce a contrasting warm orange for accents that pop.
While not ubiquitous, Green Blue is a trusted color for major brands like ESPN, Kahoot!, and 1Password, often signaling reliability and intelligence. Its presence in the tech and entertainment sectors suggests it is a solid choice for products that want to appear both modern and established.
Use the tools below to explore curated palettes, check the accessibility of your color combinations, and see how Green Blue looks in real UI components from top applications.
How do I use the Green Blue color codes?
Using Green Blue in your work starts with its digital identifier, the hex code #1164B4. While perfect for web development, you'll need to translate this code into different formats depending on your medium, whether you're working on a screen-based interface or preparing assets for print.
Each color model serves a specific purpose. RGB values are essential for digital displays, defining color through light. For printed materials, CMYK is the standard, representing color with ink. Other models like HSL offer a more intuitive way to adjust color properties like saturation and lightness, which is useful during the creative process.
To help you get started, we've converted Green Blue (#1164B4) into a range of popular color code formats below. Simply copy the values you need for your project.
Analogous
Analogous colors are neighbors on the color wheel. When paired with Green Blue, they create a harmonious and serene palette, ideal for calm designs.
Complementary
Sitting directly across from Green Blue on the color wheel, complementary colors produce a vibrant and energetic pairing with maximum visual contrast.
Split Complementary
A split complementary scheme for Green Blue pairs it with the two colors neighboring its opposite, creating a high-contrast look with less visual tension.
Triadic
A triadic harmony is built from three colors equidistant on the color wheel. Starting with Green Blue, the result is a bold and balanced combination.
Tetradic
A tetradic color scheme for Green Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
Using four colors equidistant on the color wheel, a square scheme creates a rich, high-contrast palette with Green Blue as a key component.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By adding black, you can create darker shades of Green Blue for more visual weight.
Tints
Adding white to Green Blue creates tints, which are softer and lighter versions of the color.
Tones
Tones are created by mixing Green Blue with gray, producing a softer and more muted color.
Hues
Hues are variations of Green Blue, differing in intensity or 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.



































































































































