Azure Radiance

Azure Radiance is a brilliant, highly saturated blue. It sits on the cooler side of the spectrum, presenting a clean and sharp visual character.

The color has minimal undertones, giving it a pure, almost electric quality—a distinct digital blue free from the gray or purple casts found in more traditional shades.

Azure Radiance (#0070F3) is a color of trust and clear communication. Its bright intensity suggests confidence and forward-thinking energy, moving beyond the traditional calmness of darker blues.

It symbolizes clarity and boundless opportunity, much like a clear sky. For designers, it represents innovation, intelligence, and the approachable face of modern technology.

In UI design, Azure Radiance (#0070F3) shines as a primary action color. Set it against neutral backgrounds like white or dark gray for sharp contrast that guides the eye. For color pairings, you can build a clean, monochromatic scheme with lighter and darker blues or create a high-energy interface by pairing it with complementary oranges and yellows.

This vibrant blue is a popular choice for drawing attention to key functions. Brands like Productboard, Attio, and 1Password use similar hues for interactive elements, while its application in Google Maps, Sephora, and Canva shows its versatility across mapping, e-commerce, and creative platforms.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Azure Radiance in real UI components of top brands.

To use Azure Radiance in your projects, you'll need more than just its HEX code, #0070F3. While HEX is standard for web development, you'll want its RGB equivalent for digital screen designs or its CMYK values for color accuracy in print materials.

Different color models serve different purposes. For instance, HSL (Hue, Saturation, Lightness) is often favored for its intuitive approach to color manipulation, allowing for quick adjustments. Other models like LAB and LCH offer ways to define color that are independent of any specific device.

To help you get started, we've converted Azure Radiance's #0070F3 code into a range of popular formats. You can find and copy the exact values you need for your project below.