#A8CFE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels airy and gentle. Because #a8cfe3 is very light, it works best as a soft background or a supporting tone for clean, minimalist UI designs. It provides excellent contrast for black body text, ensuring high legibility. Pair this color with warm, other shades of pink to ground the coolness of its light, tinted character.
Questions about #a8cfe3
What is #a8cfe3 in RGB, HSL and CMYK?
In RGB, #a8cfe3 is rgb(168, 207, 227), in HSL hsl(200, 51%, 77%) and in CMYK 26%, 9%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair best with #a8cfe3?
#a8cfe3 works effectively when grounded by warmer, contrasting tones. Pair this light blue with soft pink or terracotta accents to introduce warmth, or use charcoal text to maintain high readability in minimalist web interfaces.
Is #a8cfe3 suitable for web text?
While #a8cfe3 creates a calming aesthetic, it is too light to be used for primary body text because it lacks sufficient contrast against standard white backgrounds. Reserve this hue for UI backgrounds, subtle borders, or illustrative accent elements.
Is #a8cfe3 readable on white or black?
#a8cfe3 has a 1.65:1 contrast ratio on white and 12.69: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.