Dark Imperial Blue
HEX: #6E6EF9 | Modern Palette
Color Specifications
#6E6EF9
110, 110, 249
240°, 55% ,97%
55.82, 55.82, 0, 2.35
About Dark Imperial Blue
Dark Imperial Blue (#6E6EF9) is a color with RGB(110, 110, 249) and HSL(240°, 55.82%, 97.65%). In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #F9F96E, which creates strong contrast. Its triadic palette includes #F96E6E and #6EF96E. The name comes from Dark Imperial Blue (English).
- HEX: #6E6EF9
- RGB: 110, 110, 249
- HSL: 240°, 55.82%, 97.65%
- Style: Cool
- Use case: Text, Button, Background
- Complementary color: #F9F96E
- Triadic colors: #F96E6E, #6EF96E
- The name comes from Dark Imperial Blue (English).
Live Components
Color Palettes
Dark Imperial Blue #6E6EF9 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Dark Imperial Blue #6E6EF9 pairs with #F9F96E as its complementary color, and #F96E6E and #6EF96E in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Color Characteristics
Accessibility Simulation
#6E6EF9
#6E6EF9
#408A8A
#7F7F7F
Frequently Asked Questions
Name, History & Etymology
History
The term 'imperial blue' itself has historical connotations, often linked to the colors used by various empires or royal families (e.g., the French Imperial Guard, the British Royal Navy). It generally signifies a deep, authoritative blue. The addition of 'dark' further emphasizes this depth. The hex code #6e6ef9, however, represents a specific digital interpretation. This particular shade is a vibrant, medium-dark blue with a strong purple undertone, making it quite distinct from a traditional, more muted 'imperial blue' which might lean towards navy or a very deep sapphire. Its brightness (relative to a true 'dark' color) and purple hue suggest a modern, perhaps more stylized or 'electric' take on an imperial theme.
First Recorded Use
The specific combination 'Dark Imperial Blue' as a named color, particularly with a hex code like #6e6ef9, is a modern construct. While 'imperial blue' has historical roots, the 'dark' modifier and precise digital specification point to a more recent naming convention, likely emerging with digital color palettes and web design.
Cultural Associations
Blue, in general, is often associated with stability, wisdom, loyalty, and authority. 'Imperial' adds a layer of grandeur, power, and tradition. The specific shade #6e6ef9, with its noticeable purple cast, might also subtly evoke royalty or luxury, as purple has historically been a color of kings and emperors. In modern contexts, such a vibrant yet deep blue can be seen in branding for technology, luxury goods, or institutions wanting to convey both tradition and innovation.
Code Snippets
/* Background */
.element {
background-color: #6E6EF9;
}
/* Text */
.element {
color: #6E6EF9;
}
/* Border */
.element {
border: 1px solid #6E6EF9;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#6E6EF9,
#FCFCF6
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#6E6EF9,
#FCFCF6
);
}// SCSS variable
$dark-imperial-blue: #6E6EF9;
// With RGB channels (useful for rgba() usage)
$dark-imperial-blue-r: 110;
$dark-imperial-blue-g: 110;
$dark-imperial-blue-b: 249;
// Usage
.element {
background-color: $dark-imperial-blue;
color: rgba($dark-imperial-blue-r, $dark-imperial-blue-g, $dark-imperial-blue-b, 0.8);
}