Dark Imperial Blue
Meet Dark Imperial Blue (#313567), a deep and commanding shade. Its rich saturation and subtle violet undertones give it a sophisticated presence, making it a compelling choice for modern digital interfaces. It stands out without being loud, offering a unique alternative to standard navy.
What color is Dark Imperial Blue?
Dark Imperial Blue is a profound, desaturated blue that sits on the cusp of charcoal.
It carries strong cool, gray undertones, giving it a reserved and stable appearance without leaning heavily into purple or green.
What is the meaning of Dark Imperial Blue (#313567)?
Dark Imperial Blue conveys a sense of authority, stability, and profound trust, often associated with integrity and intelligence.
Historically linked to royalty and power, this shade evokes feelings of calm confidence and introspection, carrying a weight of sophistication and formality.
How do I use Dark Imperial Blue (#313567) in UI design?
In UI and web design, Dark Imperial Blue works exceptionally well as a primary or background color to build a stable and sophisticated interface. Strong contrast is essential for readability, so pair #313567 with light neutrals like off-white, cream, or soft gray for text and negative space. To create focal points and add character, consider introducing a splash of an accent color like a warm ochre, coral, or even a bright cyan.
While not as widespread as a standard navy, this deep shade is used by brands such as Clearbit, Walgreens, and Blue Apron to project a feeling of trust and authority. Its relative infrequency in branding means it can also help a design stand out and appear more distinctive.
Use the tools below to get a practical feel for Dark Imperial Blue. You can explore curated palettes, check color contrast for accessibility, and preview #313567 in real UI components from leading applications.
Using Dark Imperial Blue color codes
Dark Imperial Blue, with its hex code #313567, offers a strong foundation for any palette. Its depth allows it to function as a sophisticated neutral or a commanding primary color, depending on the surrounding hues and its application.
Applying this color across different media requires translating its HEX code into other formats. For screen-based projects, you'll work with its RGB values, which define the intensity of red, green, and blue light. When preparing for print, you'll switch to CMYK, the subtractive model that dictates ink percentages. Other systems like HSL (Hue, Saturation, Lightness) provide a more intuitive way to make adjustments, separating the core color from its brightness and intensity.
To get you started, we've converted #313567 into a range of popular formats. You can find and copy the exact codes you need for your project below.
Analogous
Analogous colors are neighbors to Dark Imperial Blue on the color wheel. This combination creates a harmonious and visually pleasing, serene palette.
Complementary
To find a complementary color for Dark Imperial Blue, look directly across the color wheel. This pairing produces a striking, energetic visual contrast.
Split Complementary
A split complementary scheme for Dark Imperial Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
A triadic scheme pairs Dark Imperial Blue with two other colors, all equally spaced on the color wheel, for a bold and balanced combination.
Tetradic
A tetradic scheme for Dark Imperial Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme pairs Dark Imperial Blue with three other colors, all equidistant on the color wheel, creating a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Dark Imperial Blue are made by adding black, giving the color depth and weight.
Tints
Tints are lighter versions of Dark Imperial Blue, made by adding white for a softer feel.
Tones
Tones of Dark Imperial Blue are made by adding gray, which softens the color's intensity.
Hues
Hues are variations of Dark Imperial Blue that differ in intensity or temperature, affecting mood.
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.
