#FFAFCC
#FFC8DD
#BDE0FE
#A2D2FF
#A2D2FF · Baby Blue
Click to copy#A2D2FF is a light, highly saturated blue color, closest to Baby Blue and near Baby Blue and Sky Blue. In OKLCH it has 85% lightness and 0.08 chroma at hue 247°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #A2D2FF a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#A2D2FFRGB
rgb(162, 210, 255)HSL
hsl(209, 100%, 82%)CMYK
36, 18, 0, 0CSS var
--baby-blueContrast
1.59:1 white · 13.2:1 blackSimilar named colors
How to use #A2D2FF
Black text passes WCAG AA on #A2D2FF (13.2:1); white text does not (1.59:1).
For a calm scheme pair #A2D2FF with its analogous neighbors #A3FFFD and #A3A5FF; for contrast use its complement #FFD0A3 as a small accent, and anchor everything with a neutral such as #1F1F24.
--baby-blue: #A2D2FF;
$baby-blue: #A2D2FF;
colors: { 'baby-blue': '#A2D2FF' }