The periwinkle color code is #CCCCFF in hexadecimal. Click any value below to copy it. Use HEX/RGB for web and digital design, CMYK for print, and HSL when adjusting lightness or saturation in code.
| Format | Value |
|---|---|
| HEX | #CCCCFF |
| RGB | rgb(204, 204, 255) |
| CMYK | cmyk(20%, 20%, 0%, 0%) |
| HSL | hsl(240, 100%, 90%) |
How to Use Periwinkle in CSS
background-color: #ccccff; | color: rgb(204, 204, 255); | border-color: hsl(240, 100%, 90%);
Nearest Shades
FAQs
What is the hex code for periwinkle?
The hex code for periwinkle is #CCCCFF. In RGB it is rgb(204, 204, 255), and in CMYK it is 20%, 20%, 0%, 0%. You can copy these codes from the color code section above.
What does the color periwinkle mean?
Periwinkle is associated with trust, stability, intelligence and calm. Its exact meaning shifts with culture and context — see the meaning and cultural sections on this page for details.
What colors go with periwinkle?
Periwinkle pairs beautifully with black, white, gold, gray and its complementary color. Explore the periwinkle color combinations and palettes on this page for ready-to-use schemes.
Where can I download periwinkle backgrounds?
Right here — this site offers 53 free periwinkle backgrounds in HD (1920×1080) across 53 styles including solid, gradient, glitter, watercolor, ombre, polka dot, starry, marble and mesh. All are free for personal and commercial use.