#FDC170 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Light and warm, #fdc170 is a yellow-leaning orange with high lightness and softened intensity, creating a fresh pastel feel. It brings optimism and playful energy to spring campaigns, baby products, food packaging, youth branding, and autumn graphics. Use it as a dominant background with charcoal text; black text provides about 13.0:1 contrast. The hex code is #fdc170.
Questions about #fdc170
What is #fdc170 in RGB, HSL and CMYK?
In RGB, #fdc170 is rgb(253, 193, 112), in HSL hsl(34, 97%, 72%) and in CMYK 0%, 24%, 56%, 1%.
What colors pair well with #fdc170?
The best pairings for #fdc170 are charcoal, navy, terracotta, and muted sage, which balance its light yellow-orange warmth without overpowering its soft pastel character; use charcoal or navy for text, and warmer accent colors for buttons, borders, or supporting illustrations.
Is #fdc170 warm or cool?
#fdc170 reads as a warm color because its hue leans toward yellow-orange, while its high lightness and softened saturation keep the effect gentle rather than intense across screens and print. That balance gives it a sunny, approachable feel for spring and youth-focused designs.
Where does #fdc170 work best?
Use #fdc170 as a dominant background or cheerful accent in spring campaigns, baby products, food packaging, youth branding, and autumn graphics, especially when paired with dark text for comfortable readability.
Is #fdc170 readable on white or black?
#fdc170 has a 1.61:1 contrast ratio on white and 13.03: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.