#FCCE45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fcce45 is a high-energy yellow that leans toward a golden, warm saturation. Because this color is quite intense, it works best as a punchy 10% accent rather than a dominant background. Pair it with deep charcoal or navy to ground the brightness. With a 14.1:1 contrast ratio against black text, it provides excellent readability for UI buttons and high-impact calls to action.
Questions about #fcce45
What is #fcce45 in RGB, HSL and CMYK?
In RGB, #fcce45 is rgb(252, 206, 69), in HSL hsl(45, 97%, 63%) and in CMYK 0%, 18%, 73%, 1%.
How should I use #fcce45 in UI design?
#fcce45 functions best as a high-impact accent color for UI buttons rather than a background. Because of its intensity, limit usage to 10% of your interface to avoid overwhelming the user while still drawing the eye to key elements.
What colors pair well with #fcce45 for balance?
Is #fcce45 readable on white or black?
#fcce45 has a 1.49:1 contrast ratio on white and 14.05: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.