Dark Indigo

Meet Dark Indigo (#1B0E3D), a profoundly deep shade that sits on the edge of black. Its striking quality comes from the subtle yet rich violet-blue undertones, giving it a sophisticated character that sets it apart from a standard neutral.

What color is Dark Indigo?

What is the meaning of Dark Indigo?

How do I use Dark Indigo (#1B0E3D) in UI design?

Using Dark Indigo color codes

Dark Indigo

#1B0E3D

Access our full UI & UX library today.

What color is Dark Indigo?

What is the meaning of Dark Indigo?

How do I use Dark Indigo (#1B0E3D) in UI design?

Using Dark Indigo color codes

Dark Indigo Code Conversions

HEX

#1B0E3D

LAB

8, 21, -28

RGB

27, 14, 61

XYZ

1.5, 0.9, 4.5

HSL

257°, 63%, 15%

LCH

8, 35, 307°

HSB

257°, 77%, 24%

LUV

8, 1, -19

CMYK

56, 77, 0, 76

CMYK

56, 77, 0, 76

HWB

257°, 5%, 76%

Dark Indigo Color Harmonies

Analogous

Analogous colors are found next to Dark Indigo on the color wheel. This combination creates a harmonious and serene visual experience for users.

#0E183D

#1B0E3D

#330E3D

#0E183D

#1B0E3D

#330E3D

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Dark Indigo, they create a striking, high-contrast visual that commands attention.

#1B0E3D

#303D0E

#1B0E3D

#303D0E

Split Complementary

A split complementary palette gives Dark Indigo high contrast without the tension of a direct complement, offering more creative and harmonious options.

#1B0E3D

#3D320E

#193D0E

#1B0E3D

#3D320E

#193D0E

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel. With Dark Indigo as a base, this creates a vibrant, high-contrast palette.

#1B0E3D

#3D1B0E

#0E3D1B

#1B0E3D

#3D1B0E

#0E3D1B

Tetradic

Tetradic schemes use two pairs of complementary colors. For Dark Indigo, this creates a rich, balanced four-color palette with plenty of creative options.

#1B0E3D

#3D0E18

#303D0E

#0E3D33

#1B0E3D

#3D0E18

#303D0E

#0E3D33

Square

A square color scheme pairs four equidistant colors on the color wheel. With Dark Indigo as a base, this method yields a balanced yet striking palette.

#1B0E3D

#3D0E18

#303D0E

#0E3D33

#1B0E3D

#3D0E18

#303D0E

#0E3D33

Dark Indigo Contrast Simulation

Text Color

#

Background Color

#

17.84

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.84

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Indigo Color Variations

Shades

Shades of Dark Indigo are formed by adding black, giving the color more substance and gravity.

#1B0E3D

#170C34

#130A2C

#0F0823

#0C061A

#080411

#040209

#000000

#1B0E3D

#170C34

#130A2C

#0F0823

#0C061A

#080411

#040209

#000000

Tints

Tints of Dark Indigo are created by adding white, resulting in lighter, softer variations.

#1B0E3D

#3C3059

#5C5374

#7D7590

#9D98AC

#BEBAC8

#DEDDE3

#FFFFFF

#1B0E3D

#3C3059

#5C5374

#7D7590

#9D98AC

#BEBAC8

#DEDDE3

#FFFFFF

Tones

Tones of Dark Indigo are created by adding gray, resulting in softer, muted variations.

#1B0E3D

#291E47

#382F50

#463F5A

#554F63

#635F6D

#727076

#808080

#1B0E3D

#291E47

#382F50

#463F5A

#554F63

#635F6D

#727076

#808080

Hues

Hues are variations of Dark Indigo, sharing its base color but differing in intensity or temperature.

#1B0E3D

#3D0E3C

#3D0E18

#3D270E

#303D0E

#0E3D0F

#0E3D33

#0E243D

#1B0E3D

#3D0E3C

#3D0E18

#3D270E

#303D0E

#0E3D0F

#0E3D33

#0E243D

What Interfaces Use Colors Like Dark Indigo?

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