School Bus
An intensely bright and high-energy yellow
School Bus is an intense, high-saturation yellow that commands immediate attention. Because of its extreme brightness, #ffd800 works best as a 10% accent color for calls to action or alert notifications rather than a full background. Pair this glowing tone with dark charcoals to ensure readability. The hex code for this color is #ffd800, which supports high-contrast black text for any UI elements.
About School Bus
Noon light through a glass jug of lemonade
What does school bus mean?
School buses and caution signs use this kind of yellow because the eye catches it fast, so it often signals warning and attention. It sits near the top of the brightness scale at near full saturation, so it reads loud, glowing, and impossible to miss.
Where you see school bus
- school buses
- caution signs
- taxi cabs
- tennis balls
- hard hats
- rain slickers
What it works for
It works for safety gear, sale badges, and call to action buttons where one element needs to dominate the page.
What colors go with school bus?
Charcoal #36454fThe near black background lets all that brightness burn without competition.Cobalt #030aa7A deep cool blue tempers the glow into something sporty and clean.Teal #008080Teal cools the heat while keeping the whole pairing lively and current.Tomato #ef4026Two warm attention colors together feel fast, loud, and deliberate.
Questions about School Bus
What is the hex code for School Bus?
School Bus is #ffd800. In RGB that is rgb(255, 216, 0), in HSL hsl(51, 100%, 50%) and in CMYK 0%, 15%, 100%, 0%.
How should I use School Bus #ffd800 in a UI design?
Treat #ffd800 strictly as an accent color for calls to action or alert indicators because of its high visual intensity. Using it sparingly prevents eye fatigue, as it can easily overpower other interface elements if applied too generously across larger surfaces.
Is School Bus readable on white or black?
School Bus has a 1.39:1 contrast ratio on white and 15.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.