Periwinkle (#CCCCFF) 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 periwinkle backgrounds you can pair with navy text and accents.
| Format | Value |
|---|---|
| HEX | #CCCCFF |
| RGB | rgb(204, 204, 255) |
| CMYK | cmyk(20%, 20%, 0%, 0%) |
| HSL | hsl(240, 100%, 90%) |
How to Use This Combination
- 60-30-10 rule: use periwinkle for 60% of the design, navy for 30%, and one accent color for the final 10%.
- Web design: periwinkle sections with navy typography give strong hierarchy and readability.
- Interiors: periwinkle walls with navy furniture or fixtures create a professional and trustworthy look.
- Fashion: a periwinkle outfit with navy accessories is a reliable, stylish formula.
Periwinkle Backgrounds for This Pairing
→ View all 53 periwinkle backgrounds