#121214
#5D6064
#B3CCFF
#E6EEFF
#B3CCFF · Periwinkle
Click to copy#B3CCFF is a light, highly saturated blue color, closest to Periwinkle and near Periwinkle and Baby Blue. In OKLCH it has 84% lightness and 0.08 chroma at hue 264°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #B3CCFF a natural choice for links, primary buttons, finance and technology. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#B3CCFFRGB
rgb(179, 204, 255)HSL
hsl(220, 100%, 85%)CMYK
30, 20, 0, 0CSS var
--periwinkleContrast
1.62:1 white · 13:1 blackSimilar named colors
How to use #B3CCFF
Black text passes WCAG AA on #B3CCFF (13:1); white text does not (1.62:1).
For a calm scheme pair #B3CCFF with its analogous neighbors #B3F2FF and #BFB3FF; for contrast use its complement #FFE5B3 as a small accent, and anchor everything with a neutral such as #1F1F24.
--periwinkle: #B3CCFF;
$periwinkle: #B3CCFF;
colors: { 'periwinkle': '#B3CCFF' }