A study in indigo
Bootstrap Indigo
#6610F2
- Family
- Indigo
- L
- 0.494
- C
- 0.278
- H
- 287°
Notes
Bootstrap Indigo is a vibrant purple-blue used as an accent in the framework's extended palette. It is more saturated than the framework's primary blue and is typically reserved for marketing pages or specialty components rather than core UI chrome. The hex landed in Bootstrap 5 along with a refreshed accent set aimed at making default theming look less generic. Against white surfaces it carries enough contrast for buttons. For body text it is too thin, so headings or links suit it better than long-form paragraphs, where eye strain becomes a problem within a page or two.
Palette built around Bootstrap Indigo
Related colors
Frequently asked questions
What is Bootstrap Indigo?
Bootstrap Indigo is a vibrant purple-blue used as an accent in the framework's extended palette. It is more saturated than the framework's primary blue and is typically reserved for marketing pages or specialty components rather than core UI chrome. Its hex code is #6610F2.
What are the tints and shades of Bootstrap Indigo?
uishades builds an 11-step OKLCH ramp for Bootstrap Indigo (#6610F2) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Bootstrap Indigo?
Its complementary color is #6B6500. Triadic partners are #A73800 and #007752; analogous neighbours are #9900C0 and #0055DE.
What are the OKLCH and RGB values of Bootstrap Indigo?
Bootstrap Indigo is #6610F2 - OKLCH 0.494 0.278 287°, rgb(102 16 242), in the indigo family.