#F9C581 Hex Color

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

Hex color #f9c581 graphic
#f9c581 is a soft pastel orange with warm golden undertones and a light, mellow finish. Its gentle brightness suggests optimism and youth without feeling loud. The hex code #f9c581 works well as a dominant background for spring layouts, baby products, food packaging, and playful campaigns. Use black text for strong, accessible contrast.

Questions about #f9c581

What is #f9c581 in RGB, HSL and CMYK?
In RGB, #f9c581 is rgb(249, 197, 129), in HSL hsl(34, 91%, 74%) and in CMYK 0%, 21%, 48%, 2%.
What colors pair well with #f9c581?
#f9c581 pairs well with navy, charcoal, and muted teal because their darker or cooler values sharpen its soft warmth. Use navy for headings or structure, then keep the pastel orange as a generous background or supporting block.
Where does #f9c581 work best in a design?
#f9c581 works best as a broad background or supporting color in spring campaigns, youth branding, food packaging, and friendly UI panels. Its light, warm value keeps layouts approachable, while darker text and cooler accents prevent the composition from looking washed out.
Is #f9c581 readable on white or black?
#f9c581 has a 1.57:1 contrast ratio on white and 13.33: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.