Shades and tints of Periwinkle
Every lighter, darker, tinted, toned and saturation variation of Periwinkle (#CCCCFF) with copyable codes.
Lighter
Darker
Tints
mixed with white
Shades
mixed with black
Tones
mixed with gray
Saturation variations
Neighboring hues
Scale table
| HEX | RGB | HSL | vs white | |
|---|---|---|---|---|
| rgb(240, 240, 255) | hsl(240, 100%, 97%) | 1.13 | ||
| rgb(236, 236, 255) | hsl(240, 100%, 96%) | 1.17 | ||
| rgb(232, 232, 255) | hsl(240, 100%, 95%) | 1.21 | ||
| rgb(228, 228, 255) | hsl(240, 100%, 95%) | 1.25 | ||
| rgb(224, 224, 255) | hsl(240, 100%, 94%) | 1.29 | ||
| rgb(220, 220, 255) | hsl(240, 100%, 93%) | 1.34 | ||
| rgb(216, 216, 255) | hsl(240, 100%, 92%) | 1.38 | ||
| rgb(212, 212, 255) | hsl(240, 100%, 92%) | 1.43 | ||
| rgb(208, 208, 255) | hsl(240, 100%, 91%) | 1.48 | ||
| rgb(204, 204, 255) | hsl(240, 100%, 90%) | 1.54 | ||
| rgb(155, 155, 255) | hsl(240, 100%, 80%) | 2.46 | ||
| rgb(105, 105, 255) | hsl(240, 100%, 71%) | 4.15 | ||
| rgb(56, 56, 255) | hsl(240, 100%, 61%) | 6.61 | ||
| rgb(7, 7, 255) | hsl(240, 100%, 51%) | 8.46 | ||
| rgb(0, 0, 213) | hsl(240, 100%, 42%) | 10.71 | ||
| rgb(0, 0, 163) | hsl(240, 100%, 32%) | 13.74 | ||
| rgb(0, 0, 114) | hsl(240, 100%, 22%) | 16.89 | ||
| rgb(0, 0, 65) | hsl(240, 100%, 13%) | 19.51 | ||
| rgb(0, 0, 15) | hsl(240, 100%, 3%) | 20.86 |