Dark Electric Blue

Dark Electric Blue is a cool, desaturated blue that sits comfortably between a classic navy and a charcoal gray, giving it a distinct slate-like quality.

Its complexity comes from subtle green and prominent gray undertones, resulting in a versatile, near-neutral shade that feels both grounded and modern.

Dark Electric Blue evokes a sense of profound stability and trust, much like its classic navy counterparts. The "electric" quality introduces a modern charge, suggesting intelligence, authority, and a quiet confidence.

Symbolically, it represents the depth of the ocean or the vastness of a twilight sky, hinting at mystery and possibility. This makes #536878 a color that feels both grounded and forward-thinking.

Dark Electric Blue (#536878) works well as a sophisticated base or background color. Its muted quality allows brighter accent colors—like a vivid coral or a sharp lime green—to pop without overwhelming the user. For a more restrained and professional palette, pair it with soft off-whites, light grays, or even monochromatic shades of blue to create a clean, layered effect.

Few major brands have adopted a color similar to Dark Electric Blue, which makes it a distinctive choice for building a unique visual identity. A notable example is Runway, which uses a comparable slate blue in its interface. Choosing an uncommon color like this can help a product stand out in a crowded market.

To see how this color works in practice, use the tools below. You can explore curated palettes, test the contrast of your color pairings for accessibility, and preview how Dark Electric Blue appears in real UI components from top brands.

Using Dark Electric Blue in your projects begins with its digital identifier, the hex code #536878. While this is standard for web design, you will often need to convert it into other formats depending on whether you are working on a screen-based application or a physical product for print.

Different color models serve specific purposes. For example, RGB (Red, Green, Blue) is the standard for digital screens, defining color through light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is used for printed materials, defining color through ink. Other formats like HSL (Hue, Saturation, Lightness) provide a more intuitive way for designers to make adjustments.

To make things simple, we have converted #536878 to a range of popular formats. You can find and copy the exact codes you need for your project right below.