#FCCD4E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This bright, saturated yellow glows with high energy. Because of its intensity, #fccd4e functions best as a small, punchy accent color rather than a primary background. It pairs exceptionally well with charcoal or deep navy for maximum legibility. The hex code #fccd4e offers excellent accessibility, providing high contrast for black body text, which remains readable and crisp even at smaller sizes.

Questions about #fccd4e

What is #fccd4e in RGB, HSL and CMYK?

In RGB, #fccd4e is rgb(252, 205, 78), in HSL hsl(44, 97%, 65%) and in CMYK 0%, 19%, 69%, 1%. Browse more shades of yellow with names and hex codes.

What colors pair best with #fccd4e in design?

Use #fccd4e as a vibrant accent against neutral bases like charcoal or navy to maintain maximum legibility. Because this yellow is highly saturated, it can easily overpower lighter backgrounds, so limit its use to call-to-action buttons, small icons, or text highlights.

Is #fccd4e readable on white or black?

#fccd4e has a 1.50:1 contrast ratio on white and 13.98: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.

#FCCD4E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #fccd4e

Color tools

Resources