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.

What color is Absolute Zero?

What is the meaning of Absolute Zero?

How do I use Absolute Zero (#0048BA) in UI design?

Using Absolute Zero color codes

Absolute Zero

#0048BA

Access our full UI & UX library today.

What color is Absolute Zero?

What is the meaning of Absolute Zero?

How do I use Absolute Zero (#0048BA) in UI design?

Using Absolute Zero color codes

Absolute Zero Code Conversions

HEX

#0048BA

LAB

34, 28, -65

RGB

0, 72, 186

XYZ

11.2, 8.2, 47.4

HSL

217°, 100%, 36%

LCH

34, 71, 293°

HSB

217°, 100%, 73%

LUV

34, -16, -90

CMYK

100, 61, 0, 27

CMYK

100, 61, 0, 27

HWB

217°, 0%, 27%

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.

#00A5BA

#0048BA

#1500BA

#00A5BA

#0048BA

#1500BA

Complementary

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

#0048BA

#BA7200

#0048BA

#BA7200

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.

#0048BA

#BA1500

#A5BA00

#0048BA

#BA1500

#A5BA00

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.

#0048BA

#BA0048

#48BA00

#0048BA

#BA0048

#48BA00

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.

#0048BA

#BA00A5

#BA7200

#00BA15

#0048BA

#BA00A5

#BA7200

#00BA15

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.

#0048BA

#BA00A5

#BA7200

#00BA15

#0048BA

#BA00A5

#BA7200

#00BA15

Absolute Zero Contrast Simulation

Text Color

#

Background Color

#

7.97

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

7.97

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Absolute Zero Color Variations

Shades

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

#0048BA

#003E9F

#003385

#00296A

#001F50

#001535

#000A1B

#000000

#0048BA

#003E9F

#003385

#00296A

#001F50

#001535

#000A1B

#000000

Tints

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

#0048BA

#2462C4

#497CCE

#6D96D8

#92B1E1

#B6CBEB

#DBE5F5

#FFFFFF

#0048BA

#2462C4

#497CCE

#6D96D8

#92B1E1

#B6CBEB

#DBE5F5

#FFFFFF

Tones

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

#0048BA

#1250B2

#2558A9

#3760A1

#496899

#5B7091

#6E7888

#808080

#0048BA

#1250B2

#2558A9

#3760A1

#496899

#5B7091

#6E7888

#808080

Hues

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

#0048BA

#4300BA

#BA00A5

#BA001A

#BA7200

#77BA00

#00BA15

#00BAA0

#0048BA

#4300BA

#BA00A5

#BA001A

#BA7200

#77BA00

#00BA15

#00BAA0

What Interfaces Use Colors Like Absolute Zero?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox