A study in gray
Bootstrap Secondary
#6C757D
- Family
- Gray
- L
- 0.558
- C
- 0.016
- H
- 245°
Notes
Bootstrap Secondary is the framework's neutral mid-gray, used for de-emphasized buttons, muted text, and disabled-but-present UI states. It carries a faint cool tint that distinguishes it from warm grays in the same lightness band. The role is structural rather than expressive: it tells users this thing exists but is not the primary action. If you are reskinning a Bootstrap project, this is one of the colors you almost never need to change, because its semantic load is conventional rather than brand-specific. Body text against white passes AA at standard sizes but not AAA.
Palette built around Bootstrap Secondary
Related colors
Frequently asked questions
What is Bootstrap Secondary?
Bootstrap Secondary is the framework's neutral mid-gray, used for de-emphasized buttons, muted text, and disabled-but-present UI states. It carries a faint cool tint that distinguishes it from warm grays in the same lightness band. Its hex code is #6C757D.
What are the tints and shades of Bootstrap Secondary?
uishades builds an 11-step OKLCH ramp for Bootstrap Secondary (#6C757D) - 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 Secondary?
Its complementary color is #7B726A. Triadic partners are #7D7072 and #71766B; analogous neighbours are #71737E and #69767A.
What are the OKLCH and RGB values of Bootstrap Secondary?
Bootstrap Secondary is #6C757D - OKLCH 0.558 0.016 245°, rgb(108 117 125), in the gray family.