#F6DF45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated yellow packs a punch of pure energy. Because it is so luminous, #f6df45 works best as a high-visibility accent color rather than a large background block. Use it to draw attention to sale banners or call-to-action buttons where you need immediate focus. It pairs beautifully with deep charcoal grays to create sharp, readable contrast for any digital interface.
Questions about #f6df45
What is #f6df45 in RGB, HSL and CMYK?
In RGB, #f6df45 is rgb(246, 223, 69), in HSL hsl(52, 91%, 62%) and in CMYK 0%, 9%, 72%, 4%.
How can I effectively use #f6df45 in a UI design?
#f6df45 functions best as a high-visibility accent color to draw immediate user attention to call-to-action buttons or sale banners. Because it is so luminous, avoid using it as a large background block as it may overwhelm the viewer and fatigue the eyes.
Is #f6df45 readable on white or black?
#f6df45 has a 1.34:1 contrast ratio on white and 15.55: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.