Canary Yellow (#FCF75E) combined with navy (#1F3A5F) is professional and trustworthy. This pairing works in branding, interiors, fashion and web design. Copy the codes below, or scroll for canary yellow backgrounds you can pair with navy text and accents.
| Format | Value |
|---|---|
| HEX | #FCF75E |
| RGB | rgb(252, 247, 94) |
| CMYK | cmyk(0%, 2%, 63%, 1%) |
| HSL | hsl(58, 96%, 68%) |
How to Use This Combination
- 60-30-10 rule: use canary yellow for 60% of the design, navy for 30%, and one accent color for the final 10%.
- Web design: canary yellow sections with navy typography give strong hierarchy and readability.
- Interiors: canary yellow walls with navy furniture or fixtures create a professional and trustworthy look.
- Fashion: a canary yellow outfit with navy accessories is a reliable, stylish formula.
Canary Yellow Backgrounds for This Pairing
→ View all 53 canary yellow backgrounds