Indigo Blue

Web-standard indigo blue, a deep blue with greenish-black undertones

HEX#00416A
RGBrgb(0, 65, 106)
HSLhsl(203, 100%, 21%)
HSVhsv(203, 100%, 42%)
CMYKcmyk(100%, 39%, 0%, 58%)
HEXA#00416AFF
RGBArgba(0, 65, 106, 1)
HSLAhsla(203, 100%, 21%, 1)
OKLCHoklch(58.9%, 0.11, 223)
LCHlch(53.2%, 38.9, 233)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#006B5F
Copy
#00416A
Copy
#000C6B
Triadic3 hues spaced 120° apart
Copy
#00416A
Copy
#6B0042
Copy
#426B00
Split ComplementaryMain color + colors adjacent to its complement
Copy
#00416A
Copy
#6B000C
Copy
#6B5F00
Complementary2 hues spaced 180° apart
Copy
#00416A
Copy
#6B2900
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#00416A
Copy
#5F006B
Copy
#6B2900
Copy
#0C6B00
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#000305
Copy
#00416A
Copy
#0081D1
Copy
#38B3FF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#99D8FFRatio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#94A0FFRatio 4.4:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#A166FFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#CC007ERatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#00131FCopy
#001C2ECopy
#002338Copy
#002C47Copy
#003252Copy
#003C61Copy
#00426BCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#203B4BCopy
#1B3C50Copy
#153D56Copy
#103E5BCopy
#0B4060Copy
#054166Copy
#00426BCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#0B1014Copy
#0D1921Copy
#0D202BCopy
#0C293BCopy
#093048Copy
#063A5BCopy
#00426BCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#005D6BCopy
#00546BCopy
#004B6BCopy
#00426BCopy
#00396BCopy
#00306BCopy
#00276BCopy

💡 Use Cases

👖

Denim Products

Beyond jeans, various work jackets and bags gain a casual yet refined vintage soul through indigo.

🏺

Wabi-Sabi Textiles

Traditional indigo-dyed noren curtains or tea cloths, with texture changes recording the passage of time, adorning wabi-sabi spaces.

📝

Notebooks

Paired with cream-colored paper for recording important notes and maxims, organizing thoughts and deepening rational impressions.

🎵

Blues Bars

Paired with warm amber lighting, creating the classic palette of blues music venues, perfectly catalyzing melancholy and heartfelt atmosphere.

📜 Origin & History

Indigo is one of humanity's oldest dyes, derived from plants such as indigofera and polygonum tinctorium. The Indus Valley civilization mastered fermentation-based indigo production four thousand years ago, exporting large quantities to ancient Egypt and Mesopotamia. The Romans called it 'the pigment from India.'

In Japan, indigo dyeing reached its peak during the Edo period. Due to sumptuary laws restricting silk for samurai and commoners, cotton fabrics with complex indigo shibori patterns flourished, known as 'Japan Blue.' Hokusai's famous blue waves feature this color prominently.

In the late 19th century, German chemist Adolf von Baeyer successfully synthesized artificial indigo, dealing a severe blow to colonial plantation economies but also bringing indigo jeans to the global working class. Levi's 501, dyed with indigo, launched a century of workwear fashion.

In digital color standards, indigo blue is defined as a deep blue-black. It inherits the质朴 feel of traditional hand-dyeing while possessing digital depth, often used as a dark focal point in design to harmonize warm-cool contrasts.

🧠 Color Psychology

ProfoundAccumulating millennia of civilizational weight, like looking into a bottomless ancient well, evoking historical depth.
EarthyCarrying the fingerprints of craft and nature, stripped of industrial gloss, retaining the honest warmth of artisans' hands.
LogicalA strong sense of order, representing the清醒 side of rigorous reasoning and冷静 judgment.
ProtectiveLike dark armor, shielding and isolating from external chaos, steadfastly guarding inner beliefs.
InnovativeIts evolution from natural to synthetic materials embodies transformative power that challenges tradition.
TensileHolding tension between the deepest calm and the most explosive energy—like still waters that run deep.