A soft, grayish blue with lots of white. It feels serene and delicate. It shows up on invitations, in kids' rooms and in spring clothing.
Pastel blue (#AEC6CF) is a cool, light, muted color. It belongs to the blues family. It mixes 174 red, 198 green and 207 blue (out of 255). It is mostly used in kids, home decor, weddings.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--pastel-blue: #AEC6CF;
--pastel-blue-rgb: 174, 198, 207;
}
.bg { background-color: var(--pastel-blue); }
.text { color: var(--pastel-blue); }The hex code for pastel blue is #AEC6CF. In RGB it is rgb(174, 198, 207), in HSL hsl(196, 26%, 75%) and in CMYK 16, 4, 0, 19.
Its complement on the color wheel is #CFB7AE, close to mushroom. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.8:1, while with black it is 11.8:1.