#CCCCFF · Periwinkle
Click to copy#CCCCFF is a light, highly saturated blue color, closest to Periwinkle and near Thistle and Lavender Gray. In OKLCH it has 86% lightness and 0.07 chroma at hue 285°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #CCCCFF a natural choice for links, primary buttons, finance and technology.
Color codes click to copy
HEX
#CCCCFFRGB
rgb(204, 204, 255)HSL
hsl(240, 100%, 90%)CMYK
20, 20, 0, 0CSS var
--periwinkleContrast
1.54:1 white · 13.65:1 blackSimilar named colors
How to use #CCCCFF
Black text passes WCAG AA on #CCCCFF (13.65:1); white text does not (1.54:1).
For a calm scheme pair #CCCCFF with its analogous neighbors #CCE5FF and #E5CCFF; for contrast use its complement #FFFFCC as a small accent, and anchor everything with a neutral such as #1F1F24.
--periwinkle: #CCCCFF;
$periwinkle: #CCCCFF;
colors: { 'periwinkle': '#CCCCFF' }