X.com

Solid Periwinkle Background #CCCCFF

Periwinkle

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.

Download recommendations for a solid Periwinkle background

Wallpaper

Use a solid periwinkle background for bright lock screens, clean slides, printable mockups, and layouts that need dark text to stand out. Choose 3840x2160 for 4K monitors, 1920x1080 for HD screens, or 1080x1920 for phone wallpaper.

Design work

periwinkle gives interfaces, finance graphics, SaaS screenshots, and presentation covers a stable, trustworthy base color. Keep the HEX, RGB, and HSL values together when moving this background between design tools and code.

Readable screens

For on-screen text, pair periwinkle with near-black copy such as #111111 and test the final export at the size where it will be used. Use fullscreen mode above to check the solid periwinkle background on your actual display.

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.

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.

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.