Tardis Blue
Meet Tardis Blue, #003B6F. This deep, commanding navy possesses a rich, inky quality that stops just short of black. Its striking saturation gives it a solid presence, making it a foundational hue with significant visual weight for any designer's palette.
What color is Tardis Blue?
Tardis Blue is a profound, dark blue with a cool and composed character.
It sits deep within the blue spectrum, showing minimal green or purple undertones, giving it a stable and saturated appearance.
What is the meaning of Tardis Blue (#003B6F) in design?
Tardis Blue, or #003B6F, carries a sense of authority and dependability, rooted in the color of 1960s British police boxes which were symbols of safety.
For designers, it evokes feelings of profound depth and adventure, symbolizing the intersection of the reliable and the fantastical.
What are the best practices for using Tardis Blue (#003B6F) in UI design?
In UI design, Tardis Blue (#003B6F) works beautifully as a primary color due to its commanding presence. For clear readability, contrast it against light neutrals like whites and soft grays. To create a more lively interface, consider a split-complementary palette by pairing it with muted yellows and oranges for accents that pop without causing visual strain.
This confident shade of blue is a frequent choice for brands that want to communicate trust and stability. You'll find similar hues in the identities of major companies like PayPal, the NFL, Shazam, and Angi, where it helps build a sense of authority and dependability.
Put theory into practice with the tools on this page. You can explore curated palettes, test your color combinations for accessibility, and preview Tardis Blue in real UI components from leading applications.
How to use Tardis Blue color codes?
Using Tardis Blue in your projects starts with its hex code, #003B6F. While this six-digit code is standard for web design, you'll often need to convert it to other formats depending on your medium, whether it's for digital displays or physical print.
Each color model serves a specific purpose. RGB (Red, Green, Blue) values define colors for screens by adding light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials, which works by subtracting light. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To make things easier, we've converted Tardis Blue's #003B6F into a full spectrum of color codes. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors are neighbors on the color wheel. For Tardis Blue, these adjacent hues create a harmonious and visually pleasing palette, often feeling serene.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Tardis Blue, its complement creates a striking, high-contrast visual effect.
Split Complementary
For Tardis Blue, a split complementary palette uses the two colors next to its complement, creating a high-contrast look with less tension.
Triadic
A triadic palette is built from three colors equidistant on the color wheel. See how Tardis Blue pairs with its counterparts for a vibrant, balanced look.
Tetradic
A tetradic palette for Tardis Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced combination.
Square
A square color scheme uses four colors evenly spaced around the color wheel. This arrangement creates a vibrant palette with strong, balanced contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Tardis Blue are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter versions of Tardis Blue, created by adding white for a softer feel.
Tones
Tones are created by mixing Tardis Blue with gray, producing a softer, more muted effect.
Hues
Hues are variations of Tardis 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.
































































































































