#F5FF33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is incredibly luminous and impossible to ignore. Because it commands such immediate attention, #f5ff33 works best as a 10% accent color for calls to action rather than a dominant background. Pair it with deep charcoal or black for high-contrast, accessible typography. The hex code for this electric yellow is #f5ff33, a shade suited for urgent design elements like sale tags and construction-themed graphics.
Questions about #f5ff33
What is #f5ff33 in RGB, HSL and CMYK?
In RGB, #f5ff33 is rgb(245, 255, 51), in HSL hsl(63, 100%, 60%) and in CMYK 4%, 0%, 80%, 0%.
How can I use #f5ff33 effectively in UI design?
Use #f5ff33 sparingly as a 10% accent color for calls to action, urgent notifications, or interactive elements. Because it is so luminous, it will overpower your layout if used as a primary background or dominant brand color.
Is #f5ff33 readable on white or black?
#f5ff33 has a 1.09:1 contrast ratio on white and 19.23: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.