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 appearance reads as soft and airy on screen. Use the values and preview above to test it in the layout where it will actually appear.
Periwinkle Began as a Trailing Flower
Gardeners knew periwinkle first: Vinca minor, a trailing evergreen whose five-petaled flowers bloom in exactly this blue-violet register. The color borrowed the plant's name centuries before hex codes existed, and #CCCCFF renders it gently, equal parts red and green sitting beneath a fully open blue channel that supplies all of the character.
The result hovers between pastel blue and pale lavender, and that ambiguity is its strength. It flatters both cool and warm palettes, reads as dreamy rather than childish, and has become a quiet favorite for lock screens and portfolio backgrounds. Dark slate or ink-blue type keeps it grounded whenever the softness threatens to float away.
A palette that works with Periwinkle
Lavender and slate blue are periwinkle's natural tonal neighbors, cream softens the transition between them, and butter yellow provides the gentle complementary spark.
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 PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Collections with Periwinkle
Periwinkle background FAQs
Can I download a solid Periwinkle background?
Yes. This solid periwinkle background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Periwinkle?
Periwinkle uses HEX #CCCCFF and rgb(204, 204, 255). You can copy both values from this page or adjust the shade before exporting a background image.
Is Periwinkle better for phone or desktop wallpaper?
Periwinkle works well for bright phone wallpapers, clean desktop backgrounds, social graphics, and slides where dark text needs to stay readable.
