#FBC61B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and luminous, this saturated yellow demands immediate attention. Because of its 13.2:1 contrast ratio with black, it ensures excellent legibility for small body text. Use the hex code #fbc61b as a 10% accent in UI design for urgent call-to-action buttons. It pairs perfectly with deep charcoal grays, creating a professional contrast that prevents the yellow from appearing washed out or muddy.
Questions about #fbc61b
What is #fbc61b in RGB, HSL and CMYK?
In RGB, #fbc61b is rgb(251, 198, 27), in HSL hsl(46, 97%, 55%) and in CMYK 0%, 21%, 89%, 2%.
How should I use #fbc61b in a user interface design?
Use #fbc61b as a 10% accent color for high-impact call-to-action buttons to ensure immediate user attention. Because of its strong contrast ratio with black, this yellow works effectively for legibility, provided you pair it with charcoal or deep navy to anchor the visual weight.
Does #fbc61b work well with dark themes?
Yes, #fbc61b provides a sharp, professional contrast when placed against dark backgrounds. It avoids looking muddy or washed out as long as you maintain a dark neutral, such as slate or true black, to ground the luminous intensity of the yellow.
Is #fbc61b readable on white or black?
#fbc61b has a 1.59:1 contrast ratio on white and 13.19: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.