Ultramarine Blue

Ultramarine Blue is a deep, vibrant blue with a distinct reddish undertone.

This gives it a slightly warmer temperature than many other blues, leaning towards violet on the color spectrum.

Historically derived from the rare lapis lazuli stone, Ultramarine Blue was once more precious than gold, symbolizing divinity, royalty, and immense value in Renaissance art.

Today, the color #4166F5 projects a sense of profound stability, trust, and intelligence, making it a powerful choice for communicating authority and sophistication.

In UI design, Ultramarine Blue excels as a primary color for calls-to-action, interactive elements, and branding accents. For a clean, professional look, set it against a backdrop of crisp whites and cool grays to ensure high contrast and readability. To create a more energetic composition, try a split-complementary palette by introducing warm yellows or oranges, which adds vibrancy without feeling jarring.

This particular shade of blue is a popular choice in the tech world. Brands like Miro, Discord, Canva, and Airtasker use similar hues to communicate both reliability and creative energy. Its presence in apps from Eventbrite to Habitify shows its versatility across different product categories.

To see how Ultramarine Blue performs in practice, use the tools below. You can explore curated palettes, test color contrast ratios for accessibility, and preview how it looks within the UI components of leading apps.

When working with Ultramarine Blue, the hex code #4166F5 is your starting point for any digital project. This code is universally recognized in CSS, HTML, and design software, making it the most direct way to specify the color for web and app interfaces.

While HEX is standard for the web, you'll often need to convert #4166F5 into other formats. RGB (Red, Green, Blue) values define the color for on-screen displays, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for print materials. For more intuitive color adjustments, HSL (Hue, Saturation, Lightness) allows you to tweak aspects of the color without starting from scratch.

To make your workflow easier, we've converted Ultramarine Blue's #4166F5 hex code into its corresponding RGB, CMYK, HSL, and other values. You can find and copy these codes directly from the list below.