The Indigo Color Code: HEX, RGB, CMYK

Few colors carry as much history, depth, and visual weight as indigo color.

Indigo is a cool secondary color that sits between blue and violet on the visible spectrum, combining deep blue with a touch of red-violet. The color carries strong associations with intuition and wisdom, and functions as a spectral hue in color theory with RGB values typically around (75, 0, 130).

From ancient dye traditions to modern branding and web design, indigo has stayed relevant across centuries and contexts.

This guide covers everything: color codes, shades, palettes, color psychology, and practical uses in design and fashion.

Indigo Color Codes

Indigo sits at HEX #4B0082, a deep blue-violet that carries strong visual weight across both screen and print applications.

• RGB: 75, 0, 130
• HEX: #4B0082
• CMYK: C: 42%, M: 100%, Y: 0%, K: 49%
• HSL: 275deg, 100%, 25%

On the color theory spectrum, indigo sits between blue and violet with a hue angle of 274.6 degrees. It has 100% saturation and 25% lightness in the HSL color space, which explains why it reads so dark and rich.

In the RGB color model, indigo is composed of roughly 29% red, 0% green, and 51% blue. The high blue component is what pulls it toward the cool side of the spectrum rather than toward purple.

For print work, CMYK values of 42% cyan, 100% magenta, 0% yellow, and 49% black are used. That 100% magenta is tricky. It can shift noticeably depending on paper stock and printer calibration, so always do a test print before finalizing any indigo-heavy layout.

If you need to convert between color spaces for your workflow, tools like the RGB to HEX Converter, the HEX to RGB Converter, or the RGB to CMYK converter can save a lot of back-and-forth guesswork. For HSL-based workflows, the HSL to RGB converter is worth bookmarking.

The closest Pantone match for indigo falls near the blue-violet range. Web-safe fallback is #330099, though that’s mainly relevant for legacy contexts.

—

Indigo Color Palettes

Indigo works well across multiple color harmony types. Below is a breakdown of the main palette options with accurate hex codes for each.

For building out full palettes from these base values, a color palette generator can help you quickly test tints, shades, and tones without doing all the math manually.

—

Indigo Shades

Indigo encompasses multiple variations including light indigo, electric indigo, dark indigo, deep indigo, bright indigo, and very dark indigo.

Each variation differs in saturation, brightness, and lightness composition. Some lean lighter toward white, while others push darker toward black, creating distinct aesthetic effects across applications.

—

What Are the Primary Attributes of Indigo?

Indigo possesses five primary attributes: cool-toned hue (derived from its blue-dominant spectral position), high saturation (100% in HSL), very low lightness (25%), visual weight (deep and rich appearance), and strong cultural resonance (linked to wisdom, spirituality, and luxury).

—

How Is Indigo Used in Interior Design?

Indigo functions as a statement color in interior design, creating calm yet dramatic spaces that add visual depth to a room.

Designers use it for accent walls, upholstered furniture, and textiles like rugs and curtains to build a sophisticated atmosphere that feels both grounded and refined.

It works well in Bohemian, modern, and traditional interiors. Paired with natural materials like linen, wood, and leather, indigo reads warm and layered. Against white or light gray, it creates sharp, clean contrast.

Rooms that use indigo sparingly, through cushions or a single statement piece, tend to feel more balanced than spaces that go all-in on it. At full saturation on four walls, it can feel heavy without enough natural light to balance it out.

—

What Psychology and Emotions Does Indigo Evoke?

Indigo evokes feelings of intuition, calm, wisdom, and introspection through its association with deep night skies and ancient dye traditions.

Color psychology research indicates indigo promotes concentration and inner focus, reduces stress, and creates contemplative environments that support creative thinking and deeper analysis.

It sits in an interesting spot, psychologically. It carries the intellectual stability of blue while pulling in the imagination and mystery of violet. That blend makes it popular in meditation spaces and educational settings.

In Eastern cultural traditions, indigo connects directly to the third-eye chakra, representing perception beyond ordinary sight. That spiritual layer is part of why it shows up in so many wellness brands today.

—

How Is Indigo Applied in Fashion and Clothing?

Indigo serves as a wardrobe staple in fashion, offering a deep, neutral-leaning versatility through denim, tailored suits, dresses, and accessories.

Fashion designers use it for its timeless depth, flattering range across skin tones, and ability to shift between casual and formal contexts without much effort. That’s actually what makes denim so universally wearable.

In traditional Indian and Japanese textiles, indigo dye has been used for centuries. Japanese Shibori techniques, which use indigo-dyed fabric, are still referenced in modern runway collections.

Contemporary fashion pairs indigo with cream, mustard yellow, and gray for clean, put-together combinations. It also holds up well against earth tones and metallic accents in both street style and high-end pieces.

—

What Colors Complement and Contrast With Indigo?

Indigo complements gold, cream, dusty rose, soft green, and warm gray while contrasting effectively with yellow-green, orange, and bright yellow.

These color combinations create rich, grounded palettes that use indigo’s deep cool tone as an anchor against warmer or lighter hues.

Complementary Colors

Indigo + Gold

• Color Theory Basis: Warm-cool contrast between indigo’s deep violet-blue and gold’s yellow base
• Visual Effect: Regal, luxurious, high contrast without feeling harsh
• Best Applications: Luxury branding, packaging, editorial print design
• Ratio Recommendations: 70% indigo, 30% gold
• Example Uses: Premium product labels, invitation design, jewelry brand identity

Indigo + Cream

• Color Theory Basis: Dark-light value contrast with warm-cool undertone balance
• Visual Effect: Sophisticated, clean, readable
• Best Applications: Typography-heavy layouts, interior textiles, web design backgrounds
• Ratio Recommendations: 60% cream, 40% indigo
• Example Uses: Portfolio sites, book cover design, stationery

Indigo + Dusty Rose

• Color Theory Basis: Split-complementary relationship, both muted in tone
• Visual Effect: Soft, romantic, layered depth
• Best Applications: Wedding design, lifestyle branding, editorial photography
• Ratio Recommendations: 50/50 or 65% indigo, 35% dusty rose
• Example Uses: Event branding, beauty packaging, social media design

Indigo + Warm Gray

• Color Theory Basis: Neutral grounding that lets indigo dominate without competing hues
• Visual Effect: Modern, minimal, professional
• Best Applications: UI design, corporate identity, tech branding
• Ratio Recommendations: 40% indigo, 60% warm gray
• Example Uses: App interfaces, business card design, website headers

Contrasting Colors

Indigo + Yellow

• Contrast Type: Direct complementary on the color wheel
• Visual Impact: Bold, energetic, high visibility
• Best Applications: Poster design, call-to-action elements, signage
• Balance Strategies: Use yellow as a small accent only. Equal parts becomes visually loud fast.

Indigo + Orange

• Contrast Type: Near-complementary, split-complementary relationship
• Visual Impact: Vibrant, unexpected, creative tension
• Best Applications: Creative agency branding, festival graphics, editorial illustration
• Balance Strategies: Keep orange at 20% or less to avoid visual noise

Indigo + Bright Yellow-Green

• Contrast Type: Triadic tension
• Visual Impact: High energy, futuristic, slightly edgy
• Best Applications: Gaming interfaces, tech startups, neon-influenced design
• Balance Strategies: Use on dark backgrounds, limit yellow-green to accent roles

Color Scheme Types

• Monochromatic: Stack light indigo (#9B6CD4), base indigo (#4B0082), and deep indigo (#1F0954) for layered depth without color conflict. Good for backgrounds and text hierarchy.
• Analogous: Pair indigo with purple-blue and dark purple for rich, harmonious palettes that feel cohesive without being flat.
• Triadic: Indigo with red and green creates a bold, energetic scheme. Tricky to balance but effective in illustration and gaming.
• Split-Complementary: Indigo with yellow-green and warm green. Softer than straight complementary, and much easier to work with in practice.
• Tetradic: Adds a second complementary pair, giving more color flexibility. Works well for complex layouts like dashboards or editorial spreads.

Practical Pairing Guidelines

• 60-30-10 Rule: Use cream or light gray as the 60% base, indigo as the 30% secondary color, and gold or coral as the 10% accent. This prevents indigo from overwhelming the layout.
• Accent Color Strategy: Indigo works best as the dominant color in dark-themed designs. In light-themed layouts, flip it to an accent to maintain readability.
• Neutral Bridging: Warm whites and soft grays connect indigo to brighter accent colors without creating jarring transitions. A warm cream does this better than a cool white, in most cases.

—

How Does Indigo Differ From Similar Cool Colors?

Indigo differs from purple (warmer red bias), violet (higher lightness, more visible on spectrum), navy blue (lower hue angle, less red), and cobalt blue (brighter, more saturated at lighter value) through its specific balance of deep blue dominance, zero green, and strong magenta that creates its distinctive dark blue-violet character.

Visual Comparison

—

How Do You Create Indigo in Different Mediums?

Create indigo by mixing phthalo blue with a small amount of red or violet in paint, using HEX #4B0082 in digital design, or setting RGB values to (75, 0, 130) in screen-based applications, ensuring the blue component dominates the mixture for accurate color reproduction.

Acrylic Paint

Start with phthalo blue as the base. Add a small amount of alizarin crimson or dioxazine purple until the mixture darkens and shifts toward violet. Ratio is roughly 4 parts blue to 1 part red-violet.

Common mistake: adding too much red early. It will pull the mix into purple territory fast, and it’s hard to walk back.

• Base colors: Phthalo blue + alizarin crimson or dioxazine purple
• Mixing ratio: ~4:1 blue to red-violet
• Darken: Add small amounts of black
• Lighten: Add white (creates a pastel indigo tint)

Oil Paint

Use Prussian blue or ultramarine blue as the pigment base, then mix in a small amount of red lake or crimson. Oil pigments tend to shift slightly as they dry, so indigo can read a touch warmer when fully cured.

Works especially well for portrait shadowing and atmospheric depth in landscapes.

• Pigments: Prussian blue or ultramarine blue + crimson
• Drying note: Slight warm shift possible as oil cures

Watercolor

Genuine indigo pigment (PB66 or natural indigotin) is available from brands like Daniel Smith and Winsor & Newton. It’s transparent, which makes it ideal for layering and atmospheric backgrounds.

Mix 1 part blue to about 1/4 part purple or red for a basic indigo wash. Keep dilution ratios high for misty gradients, lower for darker coverage.

• Pigment: PB66 (genuine indigo) or mix cobalt blue + dioxazine violet
• Dilution: High water-to-pigment for backgrounds, low for foreground depth
• Technique: Layer washes wet-on-dry for sharp edges, wet-on-wet for soft gradients

Gouache

Similar base mix to acrylic, but gouache dries matte and slightly lighter. Account for that value shift when mixing. Indigo gouache tends to dry 10-15% lighter than it looks wet on the palette.

• Base: Ultramarine blue + a touch of violet or crimson
• Note: Mix slightly darker than target value to compensate for drying shift

Print / CMYK

• Cyan: 42%
• Magenta: 100%
• Yellow: 0%
• Black: 49%
• Printing note: Coated paper reproduces indigo more accurately than uncoated stock. Matte uncoated paper can dull the blue-violet quality significantly.
• Pantone match: Closest is Pantone 2755 C or Pantone 2756 C depending on the shade target

—

What Are the Best Practices for Using Indigo in Design?

Best practices for indigo include checking contrast ratios against white and light backgrounds, pairing it with neutral tones to prevent visual heaviness, using it purposefully as an anchor color, and testing it across both screen and print outputs.

Designers should verify WCAG accessibility standards when using indigo as a background under white text, since indigo at full saturation can pass AA but fail AAA at certain sizes. Use the color contrast checker to verify before publishing.

In web design, indigo works well for hero sections, navigation backgrounds, and button states, especially in finance and tech contexts where trust and reliability matter.

Apply visual hierarchy principles when layering indigo with type. Indigo on dark backgrounds needs careful attention to contrast, while indigo text on white reads cleanly down to small sizes.

In print design, always request a physical proof before final press runs. The CMYK combination for indigo, especially that 100% magenta, can print with a slight reddish cast depending on the press profile.

—

What Role Does Indigo Play in Branding and Marketing?

Indigo plays a significant anchor role in branding and marketing, communicating trust, depth, and professional sophistication to consumers.

Marketing research indicates indigo builds confidence and signals reliability in brand perception, making it ideal for finance, wellness, and tech companies seeking a tone that feels both intelligent and calm.

Companies in education and financial services use indigo specifically because it carries connotations of wisdom without the stiffness that often comes with navy or corporate blue.

It also holds up well in packaging design, where its deep hue reads as premium on shelf. Paired with gold or white typography, indigo packaging tends to position products in the premium tier almost automatically.

For logo design, indigo is versatile enough to work across both minimal and detailed mark styles. It holds well at small sizes and reproduces consistently across digital and physical applications, which matters more than people realize until something prints wrong.

FAQ on Indigo Color

What color is indigo exactly?

Indigo is a deep blue-violet hue that sits between blue and violet on the visible light spectrum.

Its HEX code is #4B0082, with RGB values of 75, 0, 130. Most people see it as closer to blue than purple, though it carries clear violet undertones that separate it from a standard navy or royal blue.

Is indigo blue or purple?

Indigo is neither purely blue nor purely purple. It sits directly between the two on the color wheel, with a hue angle of 275 degrees.

The blue component dominates at the RGB level, but the strong magenta presence in its CMYK values pulls it noticeably toward violet.

What is the meaning of indigo color?

Indigo is associated with intuition, wisdom, and deep focus. It carries spiritual significance in Eastern traditions, particularly through its connection to the third-eye chakra.

In Western contexts, it signals trust, professionalism, and calm intelligence, which is why it shows up often in finance and tech branding.

What colors make indigo?

Mix blue and violet, or blue and a small amount of red. In acrylic or oil paint, combine phthalo blue with dioxazine purple or alizarin crimson at roughly a 4:1 ratio.

Add black to deepen the shade. Add white to create lighter indigo tints.

Where does indigo sit on the color wheel?

Indigo sits between blue and violet on the color wheel, positioned at approximately 275 degrees in HSL color space.

Its direct complement is a yellow-green. It forms a triadic scheme with red and green, and an analogous grouping with blue and purple.

What colors go well with indigo?

Indigo pairs well with gold, cream, warm gray, dusty rose, and soft greens. These combinations balance its cool depth with warmth or lightness.

For higher contrast, pair it with yellow or burnt orange. For a calmer palette, lean toward muted tones and neutrals alongside it.

What is indigo used for in design?

Indigo is used in branding, UI design, interior design, and fashion. In digital design, it works well for navigation elements, hero backgrounds, and call-to-action buttons in trust-focused products.

In print, its deep pigment adds richness to packaging design and editorial layouts, especially when paired with white or metallic type.

Is indigo a warm or cool color?

Indigo is a cool color. Its high blue content and low red value place it firmly on the cool side of the color spectrum.

That said, its violet undertone gives it slightly more warmth than a pure navy or cobalt blue, which makes it feel less cold in practice.

What is the difference between indigo and violet?

Violet is brighter and lighter, sitting at a higher lightness value in HSL. Indigo is darker and carries more blue dominance in its RGB composition.

Violet has a hue angle closer to 270 degrees with more visible purple. Indigo sits at 275 degrees and reads darker and more reserved overall.

What is the history of indigo dye?

Indigo dye comes from the Indigofera tinctoria plant and has been used since at least 4000 BC in Peru and ancient India.

It became a global trade commodity in the 16th century, prized across Europe, Asia, and Africa. Synthetic indigo, developed by Adolf von Baeyer in the 1880s, now supplies most of the world’s denim industry.

Conclusion

This article on indigo color covered everything from its HEX and RGB values to its role in fashion, interiors, and brand identity.

Few spectral colors carry this much range. It works as a dominant wall color, a subtle textile accent, a trustworthy UI element, and a dye with thousands of years of cultural weight behind it.

Understanding its color psychology helps you use it with purpose rather than guesswork. Whether you are building a color palette for a client or choosing paint for a room, indigo rewards deliberate use.

Pair it well, respect its depth, and it will hold its own in almost any context.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• What Is an Extended Font and When to Use It in Design? - 9 August 2026
• The Linear Logo History, Colors, Font, And Meaning - 8 August 2026
• The Best Gamma Alternative for Business Presentations in 2026 - 7 August 2026