Deep Midnight Violet-Blue
Category: Purple
Indigo (#4B0082) — Color Codes, Meaning & UI Palettes
Indigo occupies the mystic boundary between blue and violet in the optical rainbow. It signifies intuition, deep intellectual focus, wisdom, and cosmic depth.
Click to Copy HEX
Indigo
#4B0082
HEX
#4B0082
RGB
rgb(75, 0, 130)
HSL
hsl(275deg, 100%, 25%)
CMYK (Print)
cmyk(42%, 100%, 0%, 49%)
Apple Display P3
color(display-p3 0.294 0.000 0.510)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
12.95:1 (AAA)
Black Text (#000000)
1.62:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F4F0F8
100
#E2D6EB
200
#C5ADD7
300
#A17ABE
400
#763DA0
500
#4B0082
600
#3C0068
700
#2D004E
800
#1E0034
900
#10001D
950
#090010
Color Harmonies & Palette Schemes
Complementary
#358000
Opposite 180° Contrast
Analogous -30°
#0B0080
Natural Harmony
Analogous +30°
#800075
Natural Harmony
Triadic +120°
#804A00
120° Balanced Triad
Triadic +240°
#00804A
120° Balanced Triad
Curated UI Design Pairings for Indigo
Favored by developer tooling, AI model interfaces, and cybersecurity platforms. Achieves AAA contrast against white text.
Pure White
#FFFFFF
AAA Accessible Text
Laser Cyan
#06B6D4
High-Tech Accent
Carbon Obsidian
#0B0F19
Deep Night Canvas
Soft Lilac
#DFCCF1
Muted Secondary Badge
Export Indigo Code Snippets
CSS Variable
--color-indigo-color: #4B0082;
Tailwind Config
'indigo-color': '#4B0082'
Swift / SwiftUI
Color(hex: "#4B0082")
JSON Design Token
{"name": "Indigo", "hex": "#4B0082"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.