#ABCCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soft, pale, and gently muted, this pastel blue carries a cool, airy feel with a faint gray undertone. #abccff shines as a background base, since black text reaches about 12.8:1 contrast, well past AA for body copy. It flatters deep navy in nautical and finance layouts but can wash out beside white. Pulling blue toward white gives it that lightness, and how to make white shows the mixing behind it.
Questions about #abccff
What is #abccff in RGB, HSL and CMYK?
In RGB, #abccff is rgb(171, 204, 255), in HSL hsl(216, 100%, 84%) and in CMYK 33%, 20%, 0%, 0%.
What colors pair well with #abccff?
Deep navy and charcoal anchor its pale lightness, while a warm accent like terracotta or coral keeps the palette from feeling too cold. For something quieter, pair it with cream and pale gray.
Is #abccff readable on white or black?
#abccff has a 1.63:1 contrast ratio on white and 12.81: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.