#F4D157 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, warm yellow radiates energy and optimism. Because black text maintains a high 14.1:1 contrast against it, #f4d157 works effectively for UI buttons and high-visibility sale tags. Use this shade as a small accent color rather than a dominant background to avoid overwhelming your design layout. The hex code for this cheerful yellow is #f4d157.
Questions about #f4d157
What is #f4d157 in RGB, HSL and CMYK?
In RGB, #f4d157 is rgb(244, 209, 87), in HSL hsl(47, 88%, 65%) and in CMYK 0%, 14%, 64%, 4%.
Why does #f4d157 work well for UI buttons?
#f4d157 maintains a strong 14.1:1 contrast ratio against black text, which is ideal for accessibility in user interface design. Because it captures attention immediately, it functions effectively as a CTA or sale button accent without overwhelming your entire layout.
What colors balance the intensity of #f4d157?
Pairing #f4d157 with charcoal or deep navy provides the grounding necessary to tone down its natural buoyancy. These dark neutrals create a sophisticated visual hierarchy, allowing the yellow to pop as a deliberate accent rather than competing for dominance.
Is #f4d157 readable on white or black?
#f4d157 has a 1.48:1 contrast ratio on white and 14.10: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.