#FCD545 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fcd545 is a high-energy, saturated yellow that demands attention. Because it is bright and aggressive, it works best as a small accent color rather than a primary background. Pair it with deep charcoals to ground the intensity. This hex code provides enough contrast for black text, making it a functional choice for buttons and call-to-action elements in retail or sale-focused design.
Questions about #fcd545
What is #fcd545 in RGB, HSL and CMYK?
In RGB, #fcd545 is rgb(252, 213, 69), in HSL hsl(47, 97%, 63%) and in CMYK 0%, 15%, 73%, 1%.
What is the most effective way to use #fcd545 in UI design?
#fcd545 is too aggressive for large background areas, so utilize it primarily for small call-to-action buttons or UI highlights. Because of its high intensity, it provides excellent contrast against dark text like charcoal or deep navy, ensuring your interface elements remain readable and accessible.
Is #fcd545 suitable for text usage?
While #fcd545 is highly visible, it is generally poor for long-form reading when placed on white backgrounds due to low contrast. If you must use this yellow for text, keep it limited to headlines or short labels set against a much darker, grounding background.
Is #fcd545 readable on white or black?
#fcd545 has a 1.42:1 contrast ratio on white and 14.74: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.