A study in yellow
Bootstrap Warning
#FFC107
- Family
- Yellow
- L
- 0.844
- C
- 0.172
- H
- 85°
Notes
Bootstrap Warning is the framework's yellow, used for caution alerts, partial-state badges, and attention-required chips. It is bright enough that dark text on top is mandatory for accessibility; light text disappears entirely against it. The hex matches what most users have learned to read as caution but not danger across web interfaces. Non-blocking warnings, validation hints, and visual flags that something needs review are its natural job. For destructive or irreversible operations, the red Danger color belongs instead; mixing the two semantically confuses users who have learned to react differently to each.
Palette built around Bootstrap Warning
Related colors
Frequently asked questions
What is Bootstrap Warning?
Bootstrap Warning is the framework's yellow, used for caution alerts, partial-state badges, and attention-required chips. It is bright enough that dark text on top is mandatory for accessibility; light text disappears entirely against it. Its hex code is #FFC107.
What are the tints and shades of Bootstrap Warning?
uishades builds an 11-step OKLCH ramp for Bootstrap Warning (#FFC107) - 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 Warning?
Its complementary color is #ADCBFF. Triadic partners are #00E9FE and #FFA2FF; analogous neighbours are #C9D83C and #FFB579.
What are the OKLCH and RGB values of Bootstrap Warning?
Bootstrap Warning is #FFC107 - OKLCH 0.844 0.172 85°, rgb(255 193 7), in the yellow family.