#5BA4CF
#A8D5F2
#F2E8D5
#4A4238
#A8D5F2 · Baby Blue
Click to copy#A8D5F2 is a light, moderately saturated blue color, closest to Baby Blue and near Baby Blue and Powder Blue. In OKLCH it has 85% lightness and 0.06 chroma at hue 237°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #A8D5F2 a natural choice for links, primary buttons, finance and technology. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#A8D5F2RGB
rgb(168, 213, 242)HSL
hsl(204, 74%, 80%)CMYK
31, 12, 0, 5CSS var
--baby-blueContrast
1.56:1 white · 13.46:1 blackSimilar named colors
How to use #A8D5F2
Black text passes WCAG AA on #A8D5F2 (13.46:1); white text does not (1.56:1).
For a calm scheme pair #A8D5F2 with its analogous neighbors #A6F2EA and #A6AEF2; for contrast use its complement #F2C4A6 as a small accent, and anchor everything with a neutral such as #1F1F24.
--baby-blue: #A8D5F2;
$baby-blue: #A8D5F2;
colors: { 'baby-blue': '#A8D5F2' }