Pastel blue color: code #AEC6CF

Pastel blue

#AEC6CF

Color codes

  • HEX#AEC6CF
  • RGBrgb(174, 198, 207)
  • HSLhsl(196, 26%, 75%)
  • HSVhsv(196, 16%, 81%)
  • CMYKcmyk(16%, 4%, 0%, 19%)
  • LABlab(78.4% -6.2 -7.2)
  • OKLCHoklch(81.1% 0.029 222.4)

About the color Pastel blue

Pastel blue has the HEX code #AEC6CF, which corresponds to rgb(174, 198, 207) in the RGB model. On the color wheel its hue sits at 196°, with 26% saturation and 75% lightness (hsl(196, 26%, 75%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 11.77:1 contrast ratio on it, versus 1.78:1 for white.

For print, the approximate conversion is cmyk(16%, 4%, 0%, 19%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Pastel blue

Complementary

#AEC6CF · #D0B8AF

Analogous

#AFD0C8 · #AEC6CF · #AFB6D0

Triadic

#AEC6CF · #D0AFC7 · #C7D0AF

Tetradic

#AEC6CF · #C8AFD0 · #D0B8AF · #B6D0AF

Split-complementary

#AEC6CF · #D0AFB6 · #D0C8AF

Monochromatic

#5E8FA1 · #8FB1BD · #AEC6CF · #DFE9EC · #FFFFFF

Pastel blue with white and black text

White text Aa Bb Cc 123
1.78:1 · fails WCAG
Black text Aa Bb Cc 123
11.77:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-pastel-blue: #AEC6CF;
  --color-pastel-blue-rgb: 174, 198, 207;
}

.elemento {
  background-color: var(--color-pastel-blue);
  color: #000000;
}

Similar colors

Use Pastel blue in our tools