#F0B942 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This golden yellow is warm and aggressive, perfect for drawing attention to sale banners or calls to action. It works best as an accent color rather than a dominant background because high saturation can overwhelm the eye. Pair this shade with dark charcoal grays for a clean, modern look. The hex code for this energetic tone is #f0b942. Black text provides excellent readability against this hue.
Questions about #f0b942
What is #f0b942 in RGB, HSL and CMYK?
In RGB, #f0b942 is rgb(240, 185, 66), in HSL hsl(41, 85%, 60%) and in CMYK 0%, 23%, 73%, 6%.
How should I use #f0b942 in a design layout?
Use #f0b942 as a strategic accent color for elements requiring attention, such as sale banners or buttons, rather than a full-page background. Because of its high saturation, it is most effective when balanced against neutral, dark backgrounds like charcoal to maintain visual comfort.
What is the best text color to use with #f0b942?
Black text offers the highest readability and accessibility against #f0b942, as the high-contrast ratio ensures text remains legible. Avoid white or light-colored text, which can easily wash out against this vibrant golden yellow, potentially causing significant accessibility issues for some users.
Is #f0b942 readable on white or black?
#f0b942 has a 1.79:1 contrast ratio on white and 11.72: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.