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?

What is the meaning of Elderberry?

How do I use Elderberry (#17182B) in UI design?

Using Elderberry color codes

Elderberry

#17182B

Access our full UI & UX library today.

What color is Elderberry?

What is the meaning of Elderberry?

How do I use Elderberry (#17182B) in UI design?

Using Elderberry color codes

Elderberry Code Conversions

HEX

#17182B

LAB

9, 6, -13

RGB

23, 24, 43

XYZ

1.1, 1.0, 2.4

HSL

237°, 30%, 13%

LCH

9, 14, 293°

HSB

237°, 47%, 17%

LUV

9, -1, -10

CMYK

47, 44, 0, 83

CMYK

47, 44, 0, 83

HWB

237°, 9%, 83%

Elderberry Color Harmonies

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.

#17222B

#17182B

#20172B

#17222B

#17182B

#20172B

Complementary

Complementary colors sit directly opposite each other on the color wheel. Paired with Elderberry, they create a high-contrast, visually striking combination.

#17182B

#2B2A17

#17182B

#2B2A17

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.

#17182B

#2B2017

#222B17

#17182B

#2B2017

#222B17

Triadic

A triadic palette is built from three colors equidistant on the color wheel. These combinations, featuring Elderberry, offer a bold and balanced contrast.

#17182B

#2B1718

#182B17

#17182B

#2B1718

#182B17

Tetradic

A tetradic palette uses four colors, creating two complementary pairs. Here, Elderberry is balanced by three other hues in a rectangular arrangement.

#17182B

#2B1722

#2B2A17

#172B20

#17182B

#2B1722

#2B2A17

#172B20

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.

#17182B

#2B1722

#2B2A17

#172B20

#17182B

#2B1722

#2B2A17

#172B20

Elderberry Contrast Simulation

Text Color

#

Background Color

#

17.47

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

17.47

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Elderberry Color Variations

Shades

By mixing in black, you get darker shades of Elderberry that add depth and weight.

#17182B

#141525

#10111F

#0D0E19

#0A0A12

#07070C

#030306

#000000

#17182B

#141525

#10111F

#0D0E19

#0A0A12

#07070C

#030306

#000000

Tints

Tints are lighter versions of Elderberry, created by adding white to produce a softer effect.

#17182B

#383949

#595A68

#7A7B86

#9C9CA4

#BDBDC2

#DEDEE1

#FFFFFF

#17182B

#383949

#595A68

#7A7B86

#9C9CA4

#BDBDC2

#DEDEE1

#FFFFFF

Tones

Tones of Elderberry are made by adding gray, creating softer and less saturated versions.

#17182B

#262737

#353643

#44454F

#53535C

#626268

#717174

#808080

#17182B

#262737

#353643

#44454F

#53535C

#626268

#717174

#808080

Hues

Hues are variations on Elderberry's base color, differing in their intensity and temperature.

#17182B

#25172B

#2B1722

#2B1B17

#2B2A17

#1D2B17

#172B20

#17272B

#17182B

#25172B

#2B1722

#2B1B17

#2B2A17

#1D2B17

#172B20

#17272B

What Interfaces Use Colors Like Elderberry?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox