Dark Electric Blue

HEX: #536878 | Modern Palette

On White
5.80:1
PASS
On Black
3.62:1
FAIL

Color Specifications

HEX
#536878
RGB
83, 104, 120
HSL
205°, 30% ,47%
CMYK
30.83, 13.33, 0, 52.94

About Dark Electric Blue

Dark Electric Blue (#536878) is a color with RGB(83, 104, 120) and HSL(205.95°, 30.83%, 47.06%). It is commonly associated with Calm moods. In design, it fits Muted, Cool styles and is suitable for Text, Print. Its complementary color is #786353, which creates strong contrast. Its triadic palette includes #785368 and #687853. The name comes from Dark Electric Blue (English).

  • HEX: #536878
  • RGB: 83, 104, 120
  • HSL: 205.95°, 30.83%, 47.06%
  • Mood: Calm
  • Style: Muted, Cool
  • Use case: Text, Print
  • Complementary color: #786353
  • Triadic colors: #785368, #687853
  • The name comes from Dark Electric Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #536878 from deepest shade to lightest tint.

Color Characteristics

Mood
Calm
Style
Muted Cool
Use case
Text Print

Accessibility Simulation

Deuteranopia #626278
Protanopia #666678
Tritanopia #506A6A
Achromatopsia #656565

Frequently Asked Questions

Dark Electric Blue (#536878) is a color with RGB(83, 104, 120) and HSL(205.95°, 30.83%, 47.06%).

#536878 pairs strongly with #786353 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#536878 is suitable for Text, Print and works well with Muted, Cool styles.

#536878 is commonly associated with Calm.

The name Dark Electric Blue is linked to Dark Electric Blue from English, meaning A deep, muted shade of blue, reminiscent of the color of a stormy night sky or certain deep-sea creatures, with a subtle hint of grey..

Name, History & Etymology

Origin Word Dark Electric Blue
Meaning A deep, muted shade of blue, reminiscent of the color of a stormy night sky or certain deep-sea creatures, with a subtle hint of grey.
Language English
First Recorded Use Late 20th Century

History

The term 'electric blue' was coined to describe a bright, vivid blue, often compared to the color of an electric spark or arc. As color palettes expanded and the need for more descriptive names arose, modifiers like 'dark' were added to specify variations. 'Dark Electric Blue' specifically refers to a deeper, less saturated version of the original 'electric blue,' moving it away from a neon quality towards a more sophisticated, subdued tone. Its hexadecimal code #536878 further solidifies its identity within digital color standards.

First Recorded Use

While 'electric blue' emerged earlier (mid-20th century) to describe a vibrant, almost neon blue, the 'dark electric blue' variant, often associated with web colors and digital palettes, gained prominence in the late 20th century as more nuanced color naming became common, especially with the advent of widespread digital design and color specification systems.

Cultural Associations

This color often evokes feelings of sophistication, mystery, and tranquility. It's commonly used in corporate branding for technology companies, luxury goods, and fashion due to its modern and elegant appeal. In interior design, it can create a calming yet dramatic atmosphere. It's also a popular choice in digital art and UI/UX design for its readability and aesthetic versatility.

Similar Named Colors

Cadet #536872 ΔE 3.09
Deep Space Sparkle #4A646C ΔE 5.54
Stormcloud #4F666A ΔE 6.77
Queen Blue #436B95 ΔE 8.14

Code Snippets

/* Background */
.element {
    background-color: #536878;
}

/* Text */
.element {
    color: #536878;
}

/* Border */
.element {
    border: 1px solid #536878;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #536878,
        #9D7353
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #536878,
        #9D7353
    );
}

// SCSS variable
$dark-electric-blue: #536878;

// With RGB channels (useful for rgba() usage)
$dark-electric-blue-r: 83;
$dark-electric-blue-g: 104;
$dark-electric-blue-b: 120;

// Usage
.element {
    background-color: $dark-electric-blue;
    color: rgba($dark-electric-blue-r, $dark-electric-blue-g, $dark-electric-blue-b, 0.8);
}