A study in blue
Bootstrap Info
#0DCAF0
- Family
- Blue
- L
- 0.775
- C
- 0.138
- H
- 218°
Notes
Bootstrap Info is the cyan-leaning blue used for non-critical informational alerts and badges. The framework picked a bright tone so that info messages would feel distinct from primary actions without competing with warnings or errors for attention. The color is too pale for white text at small sizes; Bootstrap's components rely on dark text overlays for the alert variants. If you are theming a system, treat this as a hint color rather than a primary, and keep a deeper blue for actions that need to be obeyed. The semantic separation matters more than the exact hue.
Palette built around Bootstrap Info
Related colors
Frequently asked questions
What is Bootstrap Info?
Bootstrap Info is the cyan-leaning blue used for non-critical informational alerts and badges. The framework picked a bright tone so that info messages would feel distinct from primary actions without competing with warnings or errors for attention. Its hex code is #0DCAF0.
What are the tints and shades of Bootstrap Info?
uishades builds an 11-step OKLCH ramp for Bootstrap Info (#0DCAF0) - 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 Info?
Its complementary color is #FF9573. Triadic partners are #EE92D4 and #CDB63E; analogous neighbours are #68BCFF and #00D1C6.
What are the OKLCH and RGB values of Bootstrap Info?
Bootstrap Info is #0DCAF0 - OKLCH 0.775 0.138 218°, rgb(13 202 240), in the blue family.