Elderberry
Meet Elderberry, #17182B, a deep, near-black shade that offers a sophisticated alternative to pure black. Its richness comes from subtle undertones of indigo, giving it a quiet complexity that can ground a design without feeling flat or absolute.
What color is Elderberry?
Elderberry is a profoundly deep, cool-toned blue that sits on the cusp of black.
Its subtle but distinct blue undertone gives it a sophisticated character, distinguishing it from a flat, neutral black.
What is the meaning behind the color Elderberry (#17182B)?
The color Elderberry, #17182B, evokes a sense of profound mystery and sophistication. It communicates quiet confidence and understated power, lending a formal and serious tone to a design.
Symbolically, this deep shade represents stability and authority. It’s associated with elegance and strength, creating a feeling of security for the viewer.
How can I effectively use Elderberry (#17182B) in my UI design?
Elderberry (#17182B) works beautifully as a foundational color in UI design. Its deep, near-black quality makes it an excellent choice for backgrounds in dark mode themes or as a sophisticated primary text color, offering high contrast against lighter shades. For pairings, consider setting it against soft pastels or vibrant accent colors like coral or mint green to make them pop.
While not often a primary brand color, deep shades like Elderberry are workhorses in the palettes of many top apps. Companies like SavvyCal, Wrike, and Lyft use similar dark blues and charcoals to ground their interfaces, allowing their signature bright colors to stand out.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Elderberry in real UI components from top brands.
Using Elderberry color codes
Using the Elderberry color in your projects is straightforward with its hex code, #17182B. This code is the standard for web design, specifying the exact mix of red, green, and blue light needed to produce the color on a screen.
Different applications, however, require different color models. RGB values are fundamental for digital displays, while CMYK is essential for printed materials to ensure color accuracy. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To make things easier, we've converted Elderberry's #17182B hex code 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 on the color wheel. When paired with Elderberry, they create a harmonious and visually pleasing palette, offering a sense of tranquility.
Complementary
Complementary colors sit directly opposite each other on the color wheel. Paired with Elderberry, they create a high-contrast, visually striking combination.
Split Complementary
A split complementary scheme pairs Elderberry with the two colors neighboring its direct complement, creating a high-contrast look with less visual tension.
Triadic
A triadic palette is built from three colors equidistant on the color wheel. These combinations, featuring Elderberry, offer a bold and balanced contrast.
Tetradic
A tetradic palette uses four colors, creating two complementary pairs. Here, Elderberry is balanced by three other hues in a rectangular arrangement.
Square
A square color scheme uses four colors equidistant on the color wheel. With Elderberry as a base, this method creates a lively, high-contrast combination.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By mixing in black, you get darker shades of Elderberry that add depth and weight.
Tints
Tints are lighter versions of Elderberry, created by adding white to produce a softer effect.
Tones
Tones of Elderberry are made by adding gray, creating softer and less saturated versions.
Hues
Hues are variations on Elderberry's base color, differing in their intensity and temperature.
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.
