Yellow 200 (#F2F2A6) 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 yellow 200 backgrounds you can pair with navy text and accents.
| Format | Value |
|---|---|
| HEX | #F2F2A6 |
| RGB | rgb(242, 242, 166) |
| CMYK | cmyk(0%, 0%, 31%, 5%) |
| HSL | hsl(60, 75%, 80%) |
How to Use This Combination
- 60-30-10 rule: use yellow 200 for 60% of the design, navy for 30%, and one accent color for the final 10%.
- Web design: yellow 200 sections with navy typography give strong hierarchy and readability.
- Interiors: yellow 200 walls with navy furniture or fixtures create a professional and trustworthy look.
- Fashion: a yellow 200 outfit with navy accessories is a reliable, stylish formula.
Yellow 200 Backgrounds for This Pairing
→ View all 32 yellow 200 backgrounds



