UI Shades

A study in blue

Bootstrap Primary

#0D6EFD

Family
Blue
L
0.578
C
0.228
H
260°

Notes

Bootstrap Primary is the default action color across the framework: links, primary buttons, focused inputs, and active navigation items all default to this blue. It is calibrated to pass WCAG AA against white at standard button heights, which is why it tends to feel slightly darker than fashion-forward blues in newer design systems. Because billions of sessions have trained users to expect this exact hue as the thing to click, replacing it in a Bootstrap codebase requires updating user mental models as well as CSS variables. It is a load-bearing convention rather than a stylistic choice.

#0d6efd
Bootstrap Primary
Bootstrap Primary
#0d6efd
oklch(0.578 0.228 260.03)
rgb(13 110 253)
hsl(215.8 98.4% 52.2%)
Share
#effbff
#e6f5ff
#cfe7ff
#b4d6ff
#7fb4ff
#2e83ff
#0d6efd
#0050d5
#0037a2
#002375
#001044

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Bootstrap Primary

Cross-reference
Q&A

Frequently asked questions

What is Bootstrap Primary?

Bootstrap Primary is the default action color across the framework: links, primary buttons, focused inputs, and active navigation items all default to this blue. It is calibrated to pass WCAG AA against white at standard button heights, which is why it tends to feel slightly darker than fashion-forward blues in newer design systems. Its hex code is #0D6EFD.

What are the tints and shades of Bootstrap Primary?

uishades builds an 11-step OKLCH ramp for Bootstrap Primary (#0D6EFD) - 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 Primary?

Its complementary color is #A46E00. Triadic partners are #E10C3C and #009500; analogous neighbours are #7E52F4 and #0087BB.

What are the OKLCH and RGB values of Bootstrap Primary?

Bootstrap Primary is #0D6EFD - OKLCH 0.578 0.228 260°, rgb(13 110 253), in the blue family.