Periwinkle color: code #CCCCFF
Periwinkle
#CCCCFF
Color codes
- HEX
#CCCCFF - RGB
rgb(204, 204, 255) - HSL
hsl(240, 100%, 90%) - HSV
hsv(240, 20%, 100%) - CMYK
cmyk(20%, 20%, 0%, 0%) - LAB
lab(83.6% 10.3 -24.9) - OKLCH
oklch(86.2% 0.071 284.8)
About the color Periwinkle
Periwinkle has the HEX code #CCCCFF, which corresponds to rgb(204, 204, 255) in the RGB model. On the color wheel its hue sits at 240°, with 100% saturation and 90% lightness (hsl(240, 100%, 90%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 13.64:1 contrast ratio on it, versus 1.53:1 for white.
For print, the approximate conversion is cmyk(20%, 20%, 0%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Periwinkle
Complementary
#CCCCFF · #FFFFCC
Analogous
#CCE6FF · #CCCCFF · #E6CCFF
Triadic
#CCCCFF · #FFCCCC · #CCFFCC
Tetradic
#CCCCFF · #FFCCE6 · #FFFFCC · #CCFFE6
Split-complementary
#CCCCFF · #FFE6CC · #E6FFCC
Monochromatic
#4D4DFF · #9999FF · #CCCCFF · #FFFFFF · #FFFFFF
Periwinkle with white and black text
How to use it in CSS
:root {
--color-periwinkle: #CCCCFF;
--color-periwinkle-rgb: 204, 204, 255;
}
.elemento {
background-color: var(--color-periwinkle);
color: #000000;
}