Dark Space Blue

Meet Dark Space Blue (#1D123C), a color that pushes the boundaries of near-black shades. Its profound depth is punctuated by subtle violet and indigo undertones, creating a rich, complex base that offers a sophisticated alternative to pure black for any design palette.

What color is Dark Space Blue?

What is the meaning of Dark Space Blue?

How do I use Dark Space Blue (#1D123C) in UI design?

Using Dark Space Blue color codes

Dark Space Blue

#1D123C

Access our full UI & UX library today.

What color is Dark Space Blue?

What is the meaning of Dark Space Blue?

How do I use Dark Space Blue (#1D123C) in UI design?

Using Dark Space Blue color codes

Dark Space Blue Code Conversions

HEX

#1D123C

LAB

9, 18, -25

RGB

29, 18, 60

XYZ

1.5, 1.0, 4.4

HSL

256°, 54%, 15%

LCH

9, 31, 306°

HSB

256°, 70%, 24%

LUV

9, 1, -19

CMYK

52, 70, 0, 76

CMYK

52, 70, 0, 76

HWB

256°, 7%, 76%

Dark Space Blue Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. When paired with Dark Space Blue, they produce a serene and cohesive look.

#121C3C

#1D123C

#32123C

#121C3C

#1D123C

#32123C

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Dark Space Blue, these pairings create a striking, high-contrast visual effect.

#1D123C

#313C12

#1D123C

#313C12

Split Complementary

Instead of a direct complement, a split complementary scheme pairs Dark Space Blue with the two colors neighboring its opposite for a dynamic, sophisticated palette.

#1D123C

#3C3212

#1C3C12

#1D123C

#3C3212

#1C3C12

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Dark Space Blue, this creates a vibrant, high-contrast harmony.

#1D123C

#3C1D12

#123C1D

#1D123C

#3C1D12

#123C1D

Tetradic

Tetradic schemes pair Dark Space Blue with its complement, plus another complementary pair, creating a vibrant and balanced four-color combination for any project.

#1D123C

#3C121C

#313C12

#123C32

#1D123C

#3C121C

#313C12

#123C32

Square

A square color scheme pairs Dark Space Blue with three other colors, all equidistant on the color wheel, creating a vibrant, high-contrast palette.

#1D123C

#3C121C

#313C12

#123C32

#1D123C

#3C121C

#313C12

#123C32

Dark Space Blue Contrast Simulation

Text Color

#

Background Color

#

17.44

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

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Space Blue Color Variations

Shades

Shades are darker versions of Dark Space Blue, created by adding black for depth and weight.

#1D123C

#190F33

#150D2B

#110A22

#0C081A

#080511

#040309

#000000

#1D123C

#190F33

#150D2B

#110A22

#0C081A

#080511

#040309

#000000

Tints

Tints are lighter versions of Dark Space Blue, created by adding white for a softer effect.

#1D123C

#3D3458

#5E5674

#7E7890

#9E99AB

#BEBBC7

#DFDDE3

#FFFFFF

#1D123C

#3D3458

#5E5674

#7E7890

#9E99AB

#BEBBC7

#DFDDE3

#FFFFFF

Tones

Adding gray to Dark Space Blue creates tones, which are softer, less saturated versions.

#1D123C

#2B2246

#39314F

#474159

#565163

#64616D

#727076

#808080

#1D123C

#2B2246

#39314F

#474159

#565163

#64616D

#727076

#808080

Hues

Hues are variations of Dark Space Blue, differing in intensity and temperature to create distinct moods.

#1D123C

#3C123B

#3C121C

#3C2812

#313C12

#123C13

#123C32

#12263C

#1D123C

#3C123B

#3C121C

#3C2812

#313C12

#123C13

#123C32

#12263C

What Interfaces Use Colors Like Dark Space Blue?

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