#F5E871 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-energy neon yellow, #f5e871 demands attention with its sparkling and warm character. This shade carries significant visual weight, making it ideal as a small accent rather than a full background. It pairs exceptionally well with deep charcoal or slate grays to create high-contrast UI elements. Because black text offers excellent readability on this hue, it works effectively for buttons or call-to-action highlights in clean, modern designs.
Questions about #f5e871
What is #f5e871 in RGB, HSL and CMYK?
In RGB, #f5e871 is rgb(245, 232, 113), in HSL hsl(54, 87%, 70%) and in CMYK 0%, 5%, 54%, 4%.
What colors pair best with #f5e871?
Because #f5e871 has significant visual weight, it creates the strongest contrast when paired with dark, grounded tones like charcoal or slate gray. These deep neutrals balance the high energy of the yellow, preventing it from overpowering your interface design.
Is #f5e871 suitable for text or buttons?
Since #f5e871 is a very light, bright hue, always use dark text over it to maintain readability. Black text provides the highest contrast level, making this color a reliable choice for call-to-action buttons or small visual highlights that demand immediate user attention.
Is #f5e871 readable on white or black?
#f5e871 has a 1.26:1 contrast ratio on white and 16.66: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.