#FFF848 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous yellow is energetic and intense, demanding immediate attention from viewers. Because of its high saturation, use #fff848 as a strategic accent rather than a primary background color. It pairs effectively with deep black text for high legibility, offering a strong 18.8:1 contrast ratio. Designers often choose this hex code for sale banners or UI elements that require an immediate click.
Questions about #fff848
What is #fff848 in RGB, HSL and CMYK?
In RGB, #fff848 is rgb(255, 248, 72), in HSL hsl(58, 100%, 64%) and in CMYK 0%, 3%, 72%, 0%.
How can I use #fff848 effectively in UI design?
#fff848 is best reserved for small, strategic UI elements like call-to-action buttons or sale banners where you need to grab user attention immediately. Avoid using it as a primary background color, as its intense saturation can quickly cause eye fatigue for viewers.
Is #fff848 readable on white or black?
#fff848 has a 1.11:1 contrast ratio on white and 18.77: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.