Absolute Blue

Meet Absolute Blue (#0041D9), a color that commands attention. This pure, saturated hue sits at the intersection of classic and electric, offering a vibrant intensity without leaning into neon. Its striking clarity makes it a memorable choice for any designer's palette.

What color is Absolute Blue?

What is the meaning of Absolute Blue?

How do I use Absolute Blue (#0041D9) in UI design?

Using Absolute Blue color codes

Absolute Blue

#0041D9

Access our full UI & UX library today.

What color is Absolute Blue?

What is the meaning of Absolute Blue?

How do I use Absolute Blue (#0041D9) in UI design?

Using Absolute Blue color codes

Absolute Blue Code Conversions

HEX

#0041D9

LAB

36, 44, -81

RGB

0, 65, 217

XYZ

14.4, 8.8, 66.6

HSL

222°, 100%, 43%

LCH

36, 92, 299°

HSB

222°, 100%, 85%

LUV

36, -14, -111

CMYK

100, 70, 0, 15

CMYK

100, 70, 0, 15

HWB

222°, 0%, 15%

Absolute Blue Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. Paired with Absolute Blue, they create a cohesive and serene palette.

#00AED9

#0041D9

#2B00D9

#00AED9

#0041D9

#2B00D9

Complementary

Complementary colors sit opposite each other on the color wheel. For Absolute Blue, its complement creates a striking, high-contrast visual pairing.

#0041D9

#D99800

#0041D9

#D99800

Split Complementary

A split complementary scheme for Absolute Blue pairs it with the two colors on either side of its direct complement, creating a vibrant yet balanced look.

#0041D9

#D92B00

#ADD900

#0041D9

#D92B00

#ADD900

Triadic

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

#0041D9

#D90041

#41D900

#0041D9

#D90041

#41D900

Tetradic

Tetradic schemes pair Absolute Blue with three other colors, forming two complementary pairs for a vibrant and balanced four-color combination.

#0041D9

#D900AE

#D99800

#00D92B

#0041D9

#D900AE

#D99800

#00D92B

Square

A square color scheme pairs Absolute Blue with three other colors, all equidistant on the color wheel, creating a vibrant, high-contrast palette.

#0041D9

#D900AE

#D99800

#00D92B

#0041D9

#D900AE

#D99800

#00D92B

Absolute Blue Contrast Simulation

Text Color

#

Background Color

#

7.61

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.61

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Absolute Blue Color Variations

Shades

Shades of Absolute Blue are made by mixing in black, which adds gravity and substance.

#0041D9

#0038BA

#002E9B

#00257C

#001C5D

#00133E

#00091F

#000000

#0041D9

#0038BA

#002E9B

#00257C

#001C5D

#00133E

#00091F

#000000

Tints

Tints of Absolute Blue are made by adding white, resulting in lighter, softer variations.

#0041D9

#245CDE

#4977E4

#6D92E9

#92AEEF

#B6C9F4

#DBE4FA

#FFFFFF

#0041D9

#245CDE

#4977E4

#6D92E9

#92AEEF

#B6C9F4

#DBE4FA

#FFFFFF

Tones

Tones of Absolute Blue are created by mixing in gray, producing softer, more subtle hues.

#0041D9

#124ACC

#2553C0

#375CB3

#4965A6

#5B6E99

#6E778D

#808080

#0041D9

#124ACC

#2553C0

#375CB3

#4965A6

#5B6E99

#6E778D

#808080

Hues

Hues are variations of Absolute Blue, differing in intensity or temperature to create specific moods.

#0041D9

#6200D9

#D900AE

#D9000B

#D99800

#77D900

#00D92B

#00D9CE

#0041D9

#6200D9

#D900AE

#D9000B

#D99800

#77D900

#00D92B

#00D9CE

What Interfaces Use Colors Like Absolute Blue?

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