#AACAFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#aacaff is a light, cool blue with a clear pastel finish and a slight violet cast. Its high lightness and softened saturation give layouts a fresh, airy feel without becoming loud. Use it as a dominant UI background or spring and healthcare base, pairing it with navy or charcoal text. The hex code #aacaff supports readable black body text at about 12.6:1 contrast.

Questions about #aacaff

What is #aacaff in RGB, HSL and CMYK?

In RGB, #aacaff is rgb(170, 202, 255), in HSL hsl(217, 100%, 83%) and in CMYK 33%, 21%, 0%, 0%.

What colors pair well with #aacaff in a design palette?

#aacaff pairs well with navy or charcoal for strong text, while burgundy adds a warmer, more editorial contrast. Use those darker tones for headings, borders, or controls so the pale blue remains the open, supporting field.

Is #aacaff readable on white or black?

#aacaff has a 1.66:1 contrast ratio on white and 12.60:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#AACAFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #aacaff

Color tools

Resources