#A8D5F2 · near Baby Blue

#A8D5F2 (RGB 168, 213, 242) is a light, muted blue, closest to Baby Blue and near Powder Blue and Sky Blue. 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. In OKLCH it has 85% lightness and 0.06 chroma at hue 237°.

Color codes click to copy

HEX#A8D5F2

RGBrgb(168, 213, 242)

HSLhsl(204, 74%, 80%)

CMYK31, 12, 0, 5

CSS var--baby-blue

Contrast1.56:1 white · 13.46:1 black

Similar named colors

Baby Blue #89CFF0Powder Blue #B0E0E6Sky Blue #87CEEBPeriwinkle #CCCCFFGlacier #C3E4ED

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.

CSSSCSSTailwind

--baby-blue: #A8D5F2;

Copy code

Color card

Shades & tints

#222B30#435561#658091#86AAC2#A8D5F2#B9DDF5#CBE6F7#DCEEFA#EEF7FC

Color harmonies for #A8D5F2

Complementary

#A8D5F2#F2C4A6

Analogous

#A8D5F2#A6F2EA#A6AEF2

Triadic

#A8D5F2#F2A6D4#D4F2A6

Split complementary

#A8D5F2#F2A6AE#F2EAA6

Tetradic

#A8D5F2#EAA6F2#F2C4A6#AEF2A6