Imperial Blue

Imperial Blue, #002395, is a color of striking depth and saturation. It stands out for its pure, intense character, sitting just shy of navy but with a more vibrant quality. This gives the hue a powerful presence in any visual composition.

Imperial Blue
#002395
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Imperial Blue?

Imperial Blue is a deep, saturated shade of blue with a cool temperature. It sits close to navy but possesses a richer, more vibrant quality, avoiding the grayish or blackish tints often found in darker blues.

It carries a subtle violet undertone, giving it a distinctively regal and luminous appearance that sets it apart from other dark blues.

What is the meaning of the color Imperial Blue (#002395)?

Imperial Blue evokes a sense of profound trust, authority, and intelligence. Its deep, commanding presence communicates stability and seriousness, making it a color of confidence and integrity.

Historically associated with royalty and nobility, the color symbolizes power, tradition, and importance. The name itself points to a legacy of prestige and sophistication.

How can I use Imperial Blue in my UI design?

Imperial Blue (#002395) is a commanding color, making it an excellent choice for a primary brand color or a striking accent. For a clean, high-contrast interface, pair it with crisp whites or soft grays. To create a more dynamic composition, consider a split-complementary palette with yellows and oranges, which can add energy without overwhelming the design. Applying the 60-30-10 rule can help balance this powerful blue with its counterparts effectively.

While not as widespread as other blues, this deep shade is used by brands like Trulia and Cleo to project stability and trustworthiness. Its relative rarity in the digital space presents an opportunity for a brand to stand out and establish a memorable visual identity.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Imperial Blue looks in real UI components from top applications.

Using Imperial Blue color codes

To apply Imperial Blue in your work, you'll start with its hex code, #002395. While this six-digit code is standard for web development, translating it into other formats is essential for maintaining color consistency across different platforms and media.

Each color model serves a specific purpose. RGB (Red, Green, Blue) values define colors for digital displays through additive light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.

To help you get started, we've converted Imperial Blue's #002395 hex code into a full spectrum of formats—including RGB, CMYK, HSL, LAB, LCH, and XYZ. You can find and copy the exact values you need for your project below.

Imperial Blue Code Conversions

HEX
#002395
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

Imperial Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Imperial Blue, these adjacent hues create a harmonious and visually pleasing palette, often perceived as serene.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Imperial Blue, they create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary scheme for Imperial Blue uses the two colors adjacent to its direct complement, offering high contrast with more nuance.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Imperial Blue with two other colors equidistant on the color wheel, creating a combination that is bold yet harmonious.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Imperial Blue with three other colors, forming two complementary pairs in a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant and high-contrast palette with Imperial Blue.

#123456
#123456
#123456
#123456

Imperial Blue Color Variations

Shades

Shades of Imperial Blue are made by adding black, which gives the color depth and 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 of Imperial Blue are made by adding white, resulting in lighter, softer variations.

#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 Imperial Blue are created by adding gray, resulting in softer, less saturated variations.

#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 Imperial Blue, differing in intensity or temperature to create distinct moods.

#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 Imperial Blue?

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