#F1DA50 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-saturation yellow demands immediate attention. Because of its intensity, #f1da50 works best as a bold accent for sale banners or UI alerts rather than a full background. Pair it with deep charcoal or black for excellent readability. The hex code for this glowing, energetic shade is #f1da50. It feels spontaneous and sharp, perfect for designs that need to communicate urgency and enthusiasm.
Questions about #f1da50
What is #f1da50 in RGB, HSL and CMYK?
In RGB, #f1da50 is rgb(241, 218, 80), in HSL hsl(51, 85%, 63%) and in CMYK 0%, 10%, 67%, 5%.
How can I effectively use #f1da50 in a user interface?
Because #f1da50 is so high-saturation, it functions best as a focused accent rather than a primary background color. Use it for call-to-action buttons or status indicators paired with charcoal or deep black text to maintain readability and accessibility.
What colors pair well with #f1da50 for a professional palette?
High-energy yellows like #f1da50 create a balanced, modern look when paired with neutral, grounding tones. Incorporate charcoal for strong contrast, or try a softer navy to anchor the brightness while maintaining a sophisticated visual hierarchy.
Is #f1da50 readable on white or black?
#f1da50 has a 1.41:1 contrast ratio on white and 14.88: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.