#F5F523 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-saturation yellow demands immediate attention. Because #f5f523 is so intense, it works best as a small accent rather than a full background. Pair it with deep charcoal or black text to ensure readability, as it offers exceptional contrast. Use this hex code sparingly in UI designs for call to action buttons or alert indicators where you need to create urgency without overwhelming the viewer.
Questions about #f5f523
What is #f5f523 in RGB, HSL and CMYK?
In RGB, #f5f523 is rgb(245, 245, 35), in HSL hsl(60, 91%, 55%) and in CMYK 0%, 0%, 86%, 4%.
How should I use #f5f523 in user interface design?
Use #f5f523 as a strategic accent color rather than a background to maintain usability. It creates maximum impact for call-to-action buttons or alert indicators when paired with charcoal or deep black text to ensure the contrast remains accessible.
What colors pair well with #f5f523 for a balanced palette?
Pair #f5f523 with high-contrast, dark neutrals like charcoal or deep espresso to ground the intensity of the yellow. For a modern, vibrant scheme, consider adding hints of cobalt blue, which creates a striking, energetic contrast that pops on digital displays.
Is #f5f523 readable on white or black?
#f5f523 has a 1.16:1 contrast ratio on white and 17.96: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.