#F9B50B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation yellow demands immediate attention. Black text provides 11.6:1 contrast, ensuring high readability for UI elements. Designers should use #f9b50b sparingly as an accent for call-to-action buttons rather than a dominant page background, where it can easily overwhelm the layout. It is a bold choice for high-visibility branding. The hex code for this color is #f9b50b.
Questions about #f9b50b
What is #f9b50b in RGB, HSL and CMYK?
In RGB, #f9b50b is rgb(249, 181, 11), in HSL hsl(43, 95%, 51%) and in CMYK 0%, 27%, 96%, 2%.
Where should I use #f9b50b in my design?
Use #f9b50b sparingly as an accent color for buttons or icons, as its high saturation can quickly overwhelm a layout. It pairs exceptionally well with strong charcoal or deep navy text, which ensures excellent readability and keeps the visual hierarchy focused on your call to action.
Is #f9b50b readable on white or black?
#f9b50b has a 1.80:1 contrast ratio on white and 11.64: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.