Absolute Zero

Introducing Absolute Zero, #0048BA. This pure, saturated blue commands attention with its deep intensity. It occupies a unique space—brighter than a traditional navy yet more grounded than a vibrant cobalt, offering a crisp and assertive presence for any design palette.

Absolute Zero
#0048BA
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Absolute Zero?

Absolute Zero is a rich, saturated blue that carries a distinctively cool temperature.

It presents as a pure hue with minimal undertones, giving it a clean and direct character.

What is the meaning of the color Absolute Zero?

As a deep blue, Absolute Zero communicates trust, stability, and professionalism. It evokes feelings of confidence and authority, suggesting a sense of profound depth.

The name itself, borrowed from physics, gives #0048BA a modern symbolism of precision, clarity, and foundational truth.

How can I effectively use Absolute Zero in my UI design?

Absolute Zero (#0048BA) works well as a primary brand color, often paired with crisp whites and soft grays to build a clean, professional feel. For a more dynamic composition, consider using it as an accent against complementary warm tones like a muted orange or a soft yellow, which can make calls-to-action pop without overwhelming the user.

Brands like Hotjar, Warby Parker, and Elevate use similar blues to project reliability and sophistication. The relative rarity of #0048BA itself offers an opportunity for a design to appear both familiar and distinct.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Absolute Zero in real UI components from top brands.

Using Absolute Zero color codes

To use Absolute Zero in your digital projects, simply copy its hex code, #0048BA, into your CSS or design tool. This is the most direct way to specify colors for web and app interfaces.

Different mediums call for different color systems. The hex code can be translated into other formats like RGB (for screen-based light) or CMYK (for ink on paper). Codes such as HSL (Hue, Saturation, Lightness) also provide a more intuitive model for making color adjustments.

For your convenience, we've converted #0048BA into a range of popular formats. Feel free to copy any of the values you see below for your next project.

Absolute Zero Code Conversions

HEX
#0048BA
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Absolute Zero Color Harmonies

Analogous

Analogous colors are found next to each other on the color wheel. When paired with Absolute Zero, they create a serene and harmonious palette.

#123456
#123456
#123456

Complementary

Pairing Absolute Zero with its complementary color—found opposite on the color wheel—creates a striking combination with maximum visual pop and contrast.

#123456
#123456

Split Complementary

A split complementary scheme pairs Absolute Zero with the two colors adjacent to its direct complement, creating a vibrant yet balanced and versatile palette.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Absolute Zero as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

Forming a rectangle on the color wheel, a tetradic scheme pairs Absolute Zero with three others, creating two complementary sets for a dynamic palette.

#123456
#123456
#123456
#123456

Square

A square color scheme is a tetradic variation using four evenly spaced colors. This arrangement creates a balanced yet highly contrasting palette for Absolute Zero.

#123456
#123456
#123456
#123456

Absolute Zero Color Variations

Shades

Adding black to Absolute Zero creates darker shades, which give the color more weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Absolute Zero, created by adding white for a softer feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Absolute Zero are created by adding gray, resulting in softer, less saturated versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Absolute Zero, sharing its base color but with different intensities or temperatures.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Absolute Zero?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion