Smalt
Meet Smalt (#003399), a deep and intense blue that commands attention. Its striking saturation gives it a powerful presence, sitting confidently on the spectrum just shy of violet. This rich hue offers a foundation of pure, unadulterated color for any design project.
What color is Smalt?
Smalt (#003399) is a deep, saturated blue with a notable intensity. It carries the legacy of cobalt pigments, giving it a rich and profound character that feels both classic and commanding.
This color possesses cool undertones, placing it firmly on the cooler side of the spectrum. It strikes a balance between the sobriety of navy and the energy of a brighter blue, offering a sophisticated depth without appearing muted.
What is the meaning of the color Smalt (#003399) in design?
The deep blue of Smalt, #003399, communicates a sense of trust, stability, and authority.
Historically a pigment offering a rich alternative to ultramarine, it carries a feeling of heritage and depth, often associated with expertise and introspection.
How can I use Smalt (#003399) in my UI design?
When working with Smalt, use its commanding presence as either a primary or an accent color. For a clean, professional look, pair it with crisp whites or soft grays. To create a striking focal point, contrast #003399 with warmer, brighter colors like a sunny yellow or a vibrant orange, which makes key elements pop.
While not a ubiquitous choice, you can see colors similar to Smalt used by brands like Partiful, Bleacher Report, and Homerun to project stability and confidence. Its relative rarity presents an opportunity to build a distinct visual identity that separates you from the crowd.
Put theory into practice with the tools below. You can explore curated palettes, test your color combinations for accessibility, and preview how Smalt appears in real UI components from leading applications.
Using Smalt color codes
The most direct way to use Smalt in your digital projects is with its hex code: #003399. This code is perfect for CSS, HTML, and most design software, offering a precise digital definition of the color.
For different applications, you may need to convert #003399. RGB values are standard for on-screen displays, while CMYK is the go-to for print work. Other formats like HSL (Hue, Saturation, Lightness) give you a more intuitive way to make adjustments.
We've converted Smalt's #003399 hex code into a range of popular formats below. Simply find the one you need and copy it for your project.
Analogous
Analogous color schemes use colors adjacent to Smalt on the color wheel. This combination creates a harmonious and serene visual effect for designs.
Complementary
Found opposite each other on the color wheel, complementary colors create maximum contrast. Paired with Smalt, its complement produces a bold, energetic combination.
Split Complementary
For Smalt, a split complementary palette takes the two colors bordering its opposite, creating a vibrant yet balanced and versatile color combination.
Triadic
A triadic palette is built from three colors equidistant on the color wheel. When paired with Smalt, this combination offers a balanced yet striking visual contrast.
Tetradic
A tetradic scheme builds a versatile, four-color palette around Smalt by pairing two sets of complementary colors from the color wheel.
Square
A square color scheme pairs Smalt with three other colors, all equidistant on the color wheel, creating a vibrant and balanced high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Smalt are created by adding black, producing darker tones for depth and gravity.
Tints
Tints of Smalt are created by adding white, resulting in lighter, softer variations.
Tones
By mixing Smalt with gray, you create tones with a softer, desaturated appearance.
Hues
Hues are variations of Smalt, sharing its base color but with different intensities and temperatures.
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.
