Codes & values
- Color Name
Indigo - Color ID
KDF-C-04915330 - HEX
#4B0082 - RGB
rgb(75, 0, 130) - RGBA
rgba(75, 0, 130, 1) - HSL
hsl(275, 100%, 25%) - HSLA
hsla(275, 100%, 25%, 1) - HSV / HSB
hsv(275, 100%, 51%) - CMYK
cmyk(42%, 100%, 0%, 49%) - Light / Dark
dark
Quick answers
- What is the HEX code for Indigo?
- #4B0082
- What is Indigo RGB?
- rgb(75, 0, 130)
- What is Indigo HSL?
- hsl(275, 100%, 25%)
- What is Indigo CMYK?
- cmyk(42%, 100%, 0%, 49%)
What is Indigo?
Indigo is a curated purple family color at #4B0082. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Indigo HEX code
The HEX code for Indigo is #4B0082. Paste it into CSS as color: #4B0082; or background-color: #4B0082;. Design tools accept the same six-digit value without the # prefix (4b0082).
Indigo RGB
Indigo in RGB is rgb(75, 0, 130) (channels R 75, G 0, B 130). Use RGB when you need opacity via rgba(75, 0, 130, 1).
Indigo HSL & HSV
HSL is hsl(275, 100%, 25%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(275, 100%, 51%), closer to how many digital pickers expose hue, saturation, and brightness.
Indigo CMYK
Approximate CMYK for Indigo is cmyk(42%, 100%, 0%, 49%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Indigo
Darker shades (mixed toward black): #3F006C, #320057, #260041, #19002B, #0C0016. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Indigo
Lighter tints (mixed toward white): #692B97, #8755AC, #A580C1, #C3AAD5, #E1D5EA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Indigo
Complementary pairing: #4B0082, #378200. Analogous neighbors: #0A0082, #4B0082, #820078. Triadic accents: #4B0082, #824B00, #00824B. Always check text contrast when pairing.
Indigo color combinations
A practical combo: primary #4B0082, complementary accent #378200, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #4B0082, #788200, #00820A.
Indigo in web design
Purple suggests creativity and premium products. Soft lavenders work for wellness; deep indigo suits tech and nightlife branding.
Indigo in branding
Purple brands stand out in crowded app stores; use sparingly as primary or as a signature accent. Contrast vs white is 12.95:1 (passes WCAG AA for normal text); vs black 1.62:1.
Frequently asked questions
- What is the HEX code for Indigo?
- Indigo: #4B0082.
- What is Indigo RGB?
- Indigo: rgb(75, 0, 130).
- What is Indigo HSL?
- Indigo: hsl(275, 100%, 25%).
- What is Indigo CMYK?
- Indigo: cmyk(42%, 100%, 0%, 49%).
- What colors go with Indigo?
- Try complementary #4B0082, #378200 or analogous #0A0082, #4B0082, #820078.
- Is Indigo good for text on white?
- Yes — contrast 12.95:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 12.95:1 (AA body text pass). Contrast vs black: 1.62:1. Complementary swatch: #4B0082, #378200.
Explore related
Purple colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK