Spanish Blue
Meet Spanish Blue (#0070B8), a vibrant and saturated hue that commands attention. Its pure, brilliant quality gives it a distinct presence, notable for its exceptional clarity and intensity. This is a color that makes a clean, confident statement in any visual composition.
What color is Spanish Blue?
Spanish Blue is a strong, saturated shade of cyan-blue, sitting in a unique space between a classic royal blue and a brighter azure.
With its cool undertones leaning more towards green than violet, the color has a crisp and clean appearance.
What is the meaning of Spanish Blue (#0070B8) in design?
Spanish Blue evokes feelings of trust, stability, and professionalism, communicating a sense of confidence and dependability.
Symbolically, this shade of blue is tied to depth, wisdom, and serenity, often associated with Spain's rich maritime history and clear skies.
How can I apply Spanish Blue to my UI design work?
In UI design, Spanish Blue (#0070B8) works effectively as a primary color for interactive elements like buttons and links due to its strong visibility. It creates a sharp, professional look when contrasted with crisp whites or light grays. For a more energetic palette, try pairing it with complementary warm yellows or oranges to make key actions stand out.
This confident shade is a trusted choice for building a reliable brand identity. You can find similar blues in the branding of major companies like LinkedIn, PayPal, Trello, and Walmart, where it helps project stability and competence.
Explore curated palettes, test your color contrast for accessibility, and preview Spanish Blue in real UI components from top brands using the tools below.
How do I use the Spanish Blue color codes?
To apply Spanish Blue in your work, you'll most often start with its hex code, #0070B8. This specific shade offers a strong foundation for both digital and print work, making it a reliable choice.
Hex codes are just one way to define a color. For digital displays, you'll use its RGB (Red, Green, Blue) values, which dictate the light mix on a screen. For print materials, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent, which guides the ink combination. Other formats like HSL offer more intuitive ways to adjust the color.
To make things easier, we've converted #0070B8 into a range of popular formats. You can find them below, ready to copy for your projects.
Analogous
Analogous colors are found next to Spanish Blue on the color wheel. This combination creates a harmonious and serene palette, ideal for cohesive designs.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Spanish Blue, its opposite creates a vibrant, high-contrast combination.
Split Complementary
Split complementary colors pair Spanish Blue with the two hues on either side of its opposite, creating a vibrant yet balanced palette.
Triadic
A triadic scheme pairs Spanish Blue with two other colors equidistant on the color wheel, creating a vibrant and balanced high-contrast palette.
Tetradic
A tetradic color scheme uses two pairs of complementary colors. With Spanish Blue as a base, this creates a rich, four-color palette.
Square
Square color schemes use four colors equidistant on the color wheel. With Spanish Blue, this creates a bold palette with strong, balanced contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Spanish Blue are created by adding black, which gives the color more depth and gravity.
Tints
Tints are created by adding white to Spanish Blue, resulting in lighter, softer variations.
Tones
Tones of Spanish Blue are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Spanish Blue, differing in intensity and temperature to create mood.
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.
