#FCCC00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow feels energetic and optimistic, making it a natural choice for grabbing attention in retail signage or sale banners. Because of its intensity, #fccc00 works best as a punchy 10% accent rather than a full background color. The hex code #fccc00 offers excellent contrast with black text, ensuring readability for small details or UI elements like buttons and notifications.
Questions about #fccc00
What is #fccc00 in RGB, HSL and CMYK?
In RGB, #fccc00 is rgb(252, 204, 0), in HSL hsl(49, 100%, 49%) and in CMYK 0%, 19%, 100%, 1%.
How should I use #fccc00 in a UI design?
#fccc00 is best used sparingly as a high-impact accent, such as for call-to-action buttons, notifications, or sale banners. Because of its intense brightness, it can overwhelm a layout if used as a primary background color, so stick to using it for small, key UI elements.
What colors pair well with #fccc00 for a balanced palette?
Is #fccc00 readable on white or black?
#fccc00 has a 1.52:1 contrast ratio on white and 13.77: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.