#FCC33E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, glowing yellow commands attention, making it ideal for high-visibility call-to-action buttons or sales banners. Because #fcc33e is so saturated, use it sparingly as a 10% accent color rather than a main background. It pairs exceptionally well with charcoal gray or deep navy, providing readable contrast for UI elements. The hex code for this bright shade is #fcc33e.
Questions about #fcc33e
What is #fcc33e in RGB, HSL and CMYK?
In RGB, #fcc33e is rgb(252, 195, 62), in HSL hsl(42, 97%, 62%) and in CMYK 0%, 23%, 75%, 1%. Browse more shades of yellow with names and hex codes.
How should I use #fcc33e in a digital design?
Because #fcc33e is highly saturated, it works best as a selective accent color rather than a primary background. Reserve it for small UI elements like buttons or notification badges to guide user attention without overwhelming the overall layout. Pair it with dark neutrals for contrast.
What color combinations work best with #fcc33e?
Is #fcc33e readable on white or black?
#fcc33e has a 1.61:1 contrast ratio on white and 13.01: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.