#FCCC0C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A highly saturated, glowing yellow, #fccc0c commands attention in any layout. Designers should use this hex code as a bold accent rather than a full background to prevent visual fatigue. It pairs perfectly with black text, providing a crisp 13.8:1 contrast ratio. Use it for high-impact call-to-action buttons or sale banners where spontaneity and energy are the goal.
Questions about #fccc0c
What is #fccc0c in RGB, HSL and CMYK?
In RGB, #fccc0c is rgb(252, 204, 12), in HSL hsl(48, 98%, 52%) and in CMYK 0%, 19%, 95%, 1%.
How should I use #fccc0c in a layout without overwhelming the user?
#fccc0c works most effectively as a strategic accent color rather than a background. Use it to highlight critical call-to-action buttons or sale banners where you need immediate focus, as it can cause visual fatigue if used too generously across large sections.
Is #fccc0c readable on white or black?
#fccc0c has a 1.52:1 contrast ratio on white and 13.78: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.