Orange 500 (#C4701C) combined with gray (#8A8F98) is neutral, modern and balanced. This pairing works in branding, interiors, fashion and web design. Copy the codes below, or scroll for orange 500 backgrounds you can pair with gray text and accents.
| Format | Value |
|---|---|
| HEX | #C4701C |
| RGB | rgb(196, 112, 28) |
| CMYK | cmyk(0%, 43%, 86%, 23%) |
| HSL | hsl(30, 75%, 44%) |
How to Use This Combination
- 60-30-10 rule: use orange 500 for 60% of the design, gray for 30%, and one accent color for the final 10%.
- Web design: orange 500 sections with gray typography give strong hierarchy and readability.
- Interiors: orange 500 walls with gray furniture or fixtures create a neutral, modern and balanced look.
- Fashion: a orange 500 outfit with gray accessories is a reliable, stylish formula.
Orange 500 Backgrounds for This Pairing
→ View all 32 orange 500 backgrounds