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.

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.

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.

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.