#FFBA00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Selective Yellow is a high-impact, saturated tone that demands attention. Because it reads effectively as a 10 percent accent, use #ffba00 to highlight call-to-action buttons or sale banners. This shade pairs surprisingly well with deep charcoal grays for a sophisticated contrast. While it is readable with black text, avoid using it as a full-page background to prevent eye strain in your UI designs.
About Selective Yellow
Taxi light glowing on wet asphalt at dusk
What does selective yellow mean?
It often signals caution and attention, which is why it commonly marks road lines, warning signs, and safety gear. Its near-total saturation and bright tone feel loud and glowing, like light bouncing off a surface instead of soaking into it.
Where you see selective yellow
- taxi cabs
- road lane markings
- hard hats
- safety vests
- caution tape
- mango flesh
What it works for
It works for call-to-action buttons, safety markings, packaging accents, and bold automotive paint.
What colors go with selective yellow?
Midnight Blue #020035The deep blue swallows some of the yellow's glare, leaving a sharp, electric pairing.Charcoal #36454fNear-black gray grounds the glow, so the yellow reads as deliberate instead of loud.Aubergine #372528Dark purple sits near yellow's complement, so the two intensify each other without clashing.Teal #008080Teal's cool depth balances the yellow's warmth and keeps the pair from feeling hot.Burgundy #800020The red-brown wine tone softens the yellow's brightness into something richer and warmer.
Questions about Selective Yellow
What is the hex code for Selective Yellow?
Selective Yellow is #ffba00. In RGB that is rgb(255, 186, 0), in HSL hsl(44, 100%, 50%) and in CMYK 0%, 27%, 100%, 0%.
Can I use #ffba00 for text in UI design?
Using #ffba00 as a full-page background or for body text causes significant eye strain and fails basic accessibility standards. It is most effective as a functional accent for buttons or icons against dark or neutral backgrounds.
Is Selective Yellow readable on white or black?
Selective Yellow has a 1.71:1 contrast ratio on white and 12.27: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.