#FAC859 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, glowing yellow feels spontaneous and energetic. Because it is highly saturated, #fac859 works best as a punchy accent color rather than a main background. It pairs exceptionally well with deep charcoal or navy text, offering enough contrast for readability. Keep it to small UI elements like buttons or notification badges to capture attention without overwhelming your design. The hex code for this shade is #fac859.
Questions about #fac859
What is #fac859 in RGB, HSL and CMYK?
In RGB, #fac859 is rgb(250, 200, 89), in HSL hsl(41, 94%, 66%) and in CMYK 0%, 20%, 64%, 2%.
Should I use #fac859 for body text?
Avoid using #fac859 as a text color because its high brightness makes it difficult to read against light backgrounds. Instead, reserve this yellow for high-impact UI elements like call-to-action buttons or small, important notification badges to grab user attention.
Is #fac859 readable on white or black?
#fac859 has a 1.55:1 contrast ratio on white and 13.47: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.