Zaffre
Meet Zaffre (#0014A8), a deep, intense blue that commands attention. Its striking saturation sits on the edge of violet, offering a rich and powerful hue for any design palette. This color provides a sense of profound depth without being overwhelming, making it a compelling choice.
What color is Zaffre?
Zaffre is a deep, saturated blue with a cool temperature, sitting confidently on the darker end of the blue spectrum.
It carries subtle violet undertones, giving it a rich, almost electric intensity without leaning completely into purple.
What is the meaning of the color Zaffre (#0014A8)?
The deep blue of Zaffre (#0014A8) communicates authority, stability, and intelligence. It’s a color that inspires confidence and a feeling of trust, making it a powerful choice for conveying dependability.
Historically tied to pigments used in glassmaking, Zaffre carries a symbolic weight of artistry and enduring value. It suggests a classic strength and a profound depth of character.
How can I use Zaffre in UI design?
Zaffre (#0014A8) works effectively as a primary brand color or a striking accent. For a clean, professional look, pair it with crisp whites and light grays. To create a more dynamic interface, introduce complementary colors like a warm yellow or a bright coral for buttons and calls-to-action. This contrast draws the eye and guides user attention.
While not as widespread as a standard navy, this deep blue is used by confident brands like Kraken and Cleo to project stability and trust. Choosing Zaffre can differentiate a product, giving it a sophisticated and modern feel that stands apart from competitors.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Zaffre in real UI components from top brands.
Using Zaffre color codes
The most direct way to use Zaffre is with its hex code, #0014A8. This code is the standard for specifying colors in CSS and HTML, making it fundamental for any web-based project.
Beyond the web, you'll need to convert #0014A8 into different formats. For digital work on screens, the RGB model (Red, Green, Blue) defines color through light, while the CMYK model (Cyan, Magenta, Yellow, Key/Black) is essential for print materials. Other codes like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make color adjustments in design software.
To get you started, we've converted Zaffre's #0014A8 hex code into a variety of popular color models. You can find these values below, ready to copy for your projects.
Analogous
Analogous colors are found next to Zaffre on the color wheel. This combination creates a harmonious and visually pleasing palette, often perceived as serene.
Complementary
To find Zaffre's complement, look directly across the color wheel. This opposing hue will produce the most vibrant and visually arresting color combination.
Split Complementary
A split complementary palette for Zaffre uses the two colors neighboring its direct opposite, offering a high-contrast look with more creative options.
Triadic
A triadic palette pairs Zaffre with two other colors, each equidistant on the color wheel, for a high-contrast, yet harmonious, visual effect.
Tetradic
Tetradic schemes form a rich, balanced palette by pairing Zaffre with three other colors, creating two sets of complementary hues.
Square
A square color scheme pairs Zaffre with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Zaffre are created by adding black, resulting in darker, weightier tones.
Tints
Tints are lighter versions of Zaffre, created by adding white to soften the hue.
Tones
By adding gray to Zaffre, you create its tones—muted versions with softer saturation.
Hues
Hues are variations of Zaffre, sharing its base color but differing 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.
