HTML color code #CCCCFF
Color name: Periwinkle
RGB: 204, 204, 255
HSL: 240deg, 100.00%, 90.00%
CSS shorthand: #CCF
Web safe color: Yes
RGB complementary color:
A complementary color for this color is #FFFFCC (Cream).
Example text color using #CCCCFF
This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
HTML examples
<p style="color:#CCCCFF;">Your text using HTML color code.</p> <p style="color:rgb(204 204 255);">Your text using RGB color values.</p> <p style="color:hsl(240deg 100.00% 90.00%);">Your text using HSL color values.</p>
CSS code examples
<style> p { color:#CCCCFF; } </style>
<style> p { color:rgb(204 204 255); } </style>
<style> p { color:hsl(240deg 100.00% 90.00%); } </style>Lighter colors
Darker colors
Analogous colors
Trinary colors
Adjacent colors
Other colors containing "periwinkle"
The following table is a list of other colors containing the keyword "periwinkle" in the color name. This table can give you other ideas for shades of periwinkle.
| Code | Color |
|---|---|
| #7575CF | Periwinkle Purple |
| #5453A6 | Deep Periwinkle |
| #E9CFEC | Periwinkle Pink |
Enter any HTML color code into our search to get results like this page.