#FCAD2D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-energy, glowing orange, #fcad2d brings optimism and adventure to any palette. This saturated hue works best as a 10% accent color for buttons or call-to-action elements, as it can overwhelm large backgrounds. Pair it with deep charcoal or slate gray to make the color pop. Because black text offers excellent contrast against it, this hex code is an effective choice for accessible, readable typography.
Questions about #fcad2d
What is #fcad2d in RGB, HSL and CMYK?
In RGB, #fcad2d is rgb(252, 173, 45), in HSL hsl(37, 97%, 58%) and in CMYK 0%, 31%, 82%, 1%.
What colors pair well with #fcad2d?
This vibrant orange works best when grounded by deep neutrals like charcoal or slate gray, which provide necessary visual contrast. For a warmer, complementary scheme, you might balance the high energy of #fcad2d by introducing cool, muted teal tones.
Is #fcad2d suitable for text?
While #fcad2d is highly saturated, it generally lacks sufficient contrast against white backgrounds for standard body text. It is far more effective when applied as a bold background for large, black typography or strictly as a high-visibility accent for call-to-action buttons.
Is #fcad2d readable on white or black?
#fcad2d has a 1.88:1 contrast ratio on white and 11.15: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.