#FCCE5A Hex Color

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

Hex color #fcce5a graphic
This glowing, warm yellow catches the eye with an energetic, sparkling presence. Because #fcce5a holds high saturation, use it as a 10% accent rather than a full background to avoid overwhelming the viewer. Black text provides excellent contrast against this shade. It pairs well with deep teals, and if you are curious about mixing orange, this specific hex code serves as a bright foundation.

Questions about #fcce5a

What is #fcce5a in RGB, HSL and CMYK?
In RGB, #fcce5a is rgb(252, 206, 90), in HSL hsl(43, 96%, 67%) and in CMYK 0%, 18%, 64%, 1%.
How should I use #fcce5a in a design layout?
Use #fcce5a as a vibrant accent color covering roughly 10 percent of your canvas rather than a primary background to avoid visual fatigue. This high-saturation yellow works best when balanced against neutral backgrounds like charcoal or stark white.
What colors pair best with #fcce5a for a balanced palette?
This warm, sunny shade creates the most professional results when grounded by cool, deep tones like navy or teal. These dark, complementary colors allow the brightness of the yellow to pop without overpowering your overall design aesthetic.
Is #fcce5a readable on white or black?
#fcce5a has a 1.48:1 contrast ratio on white and 14.11: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.