#FCF776 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fcf776 graphic
This luminous, high-saturation yellow commands attention with its sunny, spontaneous energy. Because it is so light and intense, #fcf776 works best as a sharp accent or a call-to-action button rather than a full background. Pair it with deep charcoal text for excellent legibility. The hex code for this bold, budget-conscious yellow is #fcf776.

Questions about #fcf776

What is #fcf776 in RGB, HSL and CMYK?
In RGB, #fcf776 is rgb(252, 247, 118), in HSL hsl(58, 96%, 73%) and in CMYK 0%, 2%, 53%, 1%.
Does #fcf776 work well as a background color?
Using #fcf776 as a full background usually overwhelms the viewer because of its high intensity and brightness. It functions much more effectively as a sharp, deliberate accent that draws attention to buttons or specific UI elements.
What colors pair well with #fcf776 for text?
High-contrast dark neutrals are necessary to keep #fcf776 readable, as light text will disappear against it. Deep charcoal or dark navy provide the best legibility and anchor the brightness of this yellow tone.
Is #fcf776 readable on white or black?
#fcf776 has a 1.12:1 contrast ratio on white and 18.70: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.