#FCC600 Hex Color

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

Hex color #fcc600 graphic
A saturated, glowing yellow with warm undertones, #fcc600 demands attention and radiates high energy. This hex code works best as a sharp accent rather than a full background, where its intensity can overwhelm a layout. It pairs effectively with deep charcoal or navy to ground its brightness. Because black text offers excellent contrast, this shade is a solid choice for impactful UI buttons or sale callouts.

Questions about #fcc600

What is #fcc600 in RGB, HSL and CMYK?
In RGB, #fcc600 is rgb(252, 198, 0), in HSL hsl(47, 100%, 49%) and in CMYK 0%, 21%, 100%, 1%.
What colors pair well with #fcc600?
#fcc600 pairs effectively with deep charcoal or navy to ground its brightness. Because it is highly saturated, using it against dark neutral tones creates a strong, readable contrast that works perfectly for call-to-action buttons.
Is #fcc600 readable on white or black?
#fcc600 has a 1.58:1 contrast ratio on white and 13.21: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.