#ABCCE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This powdery, unsaturated blue is light, airy, and distinctly delicate. Because it is so pale, #abcce3 works best as a supporting background rather than a main focus, as it can look washed out next to pure white. It pairs well with charcoal greys or deep navy to anchor the composition. Black text remains perfectly readable against this hex code, ensuring excellent accessibility for UI design.
Questions about #abcce3
What is #abcce3 in RGB, HSL and CMYK?
In RGB, #abcce3 is rgb(171, 204, 227), in HSL hsl(205, 50%, 78%) and in CMYK 25%, 10%, 0%, 11%.
How can I effectively use #abcce3 in a website design?
#abcce3 works exceptionally well as a neutral background color that keeps interfaces from feeling too clinical. Because it is so light, it creates a professional, airy atmosphere when paired with dark charcoal or navy typography to maintain strong visual accessibility.
Does #abcce3 pair well with warmer colors?
This light blue maintains a cool, delicate presence, so it balances nicely against warm, desaturated terracotta or soft sandy tones. These combinations prevent the blue from looking too cold while adding a grounded, organic feel to your overall design composition.
Is #abcce3 readable on white or black?
#abcce3 has a 1.68:1 contrast ratio on white and 12.47: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.