Indigo Dye

Meet Indigo Dye (#052962), a profoundly deep blue that commands attention. Its near-black depth is pierced by a rich, saturated hue, creating a powerful and versatile foundation for any design palette.

What color is Indigo Dye?

What is the meaning of Indigo Dye?

How do I use Indigo Dye (#052962) in UI design?

Using Indigo Dye color codes

Indigo Dye

#052962

Access our full UI & UX library today.

What color is Indigo Dye?

What is the meaning of Indigo Dye?

How do I use Indigo Dye (#052962) in UI design?

Using Indigo Dye color codes

Indigo Dye Code Conversions

HEX

#052962

LAB

18, 13, -37

RGB

5, 41, 98

XYZ

3.1, 2.5, 11.9

HSL

217°, 90%, 20%

LCH

18, 39, 289°

HSB

217°, 95%, 38%

LUV

18, -9, -40

CMYK

95, 58, 0, 62

CMYK

95, 58, 0, 62

HWB

217°, 2%, 62%

Indigo Dye Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. When paired with Indigo Dye, they create a harmonious and tranquil palette.

#055862

#052962

#0F0562

#055862

#052962

#0F0562

Complementary

Complementary colors sit opposite each other on the color wheel, creating a bold and vivid pairing when used alongside a color like Indigo Dye.

#052962

#623E05

#052962

#623E05

Split Complementary

A split complementary scheme pairs Indigo Dye with the two colors adjacent to its direct complement, creating a vibrant yet balanced palette.

#052962

#620F05

#586205

#052962

#620F05

#586205

Triadic

A triadic palette combines Indigo Dye with two other colors, all equidistant on the color wheel, for a bold and harmonious visual effect.

#052962

#620529

#296205

#052962

#620529

#296205

Tetradic

A tetradic scheme pairs Indigo Dye with three other colors, creating two complementary pairs in a rectangular formation on the color wheel.

#052962

#620558

#623E05

#05620F

#052962

#620558

#623E05

#05620F

Square

Square color schemes use four colors evenly spaced on the color wheel. This arrangement offers a rich, high-contrast palette built around Indigo Dye.

#052962

#620558

#623E05

#05620F

#052962

#620558

#623E05

#05620F

Indigo Dye Contrast Simulation

Text Color

#

Background Color

#

14.00

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.

14.00

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Indigo Dye Color Variations

Shades

Shades are darker versions of Indigo Dye made by mixing in black for added visual weight.

#052962

#042354

#041D46

#031738

#02122A

#010C1C

#01060E

#000000

#052962

#042354

#041D46

#031738

#02122A

#010C1C

#01060E

#000000

Tints

Tints are lighter variations of Indigo Dye, created by adding white to soften the hue.

#052962

#294878

#4C668F

#7085A5

#94A3BC

#B8C2D2

#DBE0E9

#FFFFFF

#052962

#294878

#4C668F

#7085A5

#94A3BC

#B8C2D2

#DBE0E9

#FFFFFF

Tones

Adding gray to Indigo Dye creates its tones, resulting in softer, less saturated versions.

#052962

#173566

#28426B

#3A4E6F

#4B5B73

#5D6777

#6E747C

#808080

#052962

#173566

#28426B

#3A4E6F

#4B5B73

#5D6777

#6E747C

#808080

Hues

Hues are variations of Indigo Dye, differing in intensity or temperature to create distinct moods.

#052962

#270562

#620558

#620512

#623E05

#406205

#05620F

#056255

#052962

#270562

#620558

#620512

#623E05

#406205

#05620F

#056255

What Interfaces Use Colors Like Indigo Dye?

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