Solid Periwinkle Background #CCCCFF
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Periwinkle background details
With hex #CCCCFF (rgb(204, 204, 255)), this airy, high-key blue tone sits around 240° on the color wheel. Its bold, saturated color makes it feel soft and airy, which is why designers reach for periwinkle when they need a dependable background that still has personality.
Quick specs
- HEX
- #CCCCFF
- RGB
- rgb(204, 204, 255)
- HSL
- hsl(240, 100%, 90%)
- Readable text
- #111111
background-color: #CCCCFF;
Where Periwinkle shines
- Tech or finance dashboards that need a trustworthy base hue
- Periwinkle backdrops for travel, sky, or ocean-inspired campaigns
- Presentation slides where cool tones keep focus on the data
Practical tips
- Pair it with charcoal or #111111 text to maintain WCAG contrast (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports lossless PNG/JPEG files up to 5000×5000, so you can drop the color straight into mockups or presentations.
Related shades
Collections with Periwinkle
Color story & pairings
Periwinkle echoes coastal skies and polished dashboards, so it is a strong choice for professional screens, data-heavy slides, and cool-toned wallpapers.
Looking for a solid periwinkle background or a downloadable periwinkle wallpaper? The instant preview, copy-ready HEX/RGB codes, and high-resolution exports above make it easy to grab the exact shade and drop it straight into your project.
Try pairing it with light goldenrod yellow, beige or cream for palettes that feel intentional on screen and in exports.
Pro tip: toggle theatre or fullscreen mode to see periwinkle fill your entire display. It’s perfect for ambient lighting, palette testing, or quick product shots when you need a clean, solid background.