#ACC0E1 Hex Color

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

Hex color #acc0e1 graphic
This dusty, unsaturated blue, #acc0e1, carries a distinct ashy undertone. It provides a neutral, professional base that works well for UI design and tech branding. Avoid placing it against pure white, as it can appear washed out; it pairs much better with deep charcoal. The hex code #acc0e1 offers excellent contrast with black text, ensuring high readability even for small body copy.

Questions about #acc0e1

What is #acc0e1 in RGB, HSL and CMYK?
In RGB, #acc0e1 is rgb(172, 192, 225), in HSL hsl(217, 47%, 78%) and in CMYK 24%, 15%, 0%, 12%.
What colors pair best with #acc0e1 for UI design?
#acc0e1 works best when grounded by deep, neutral tones to avoid looking washed out. Use a dark charcoal for text or borders to create strong readability, or pair it with slate grays to emphasize its cool, professional, and muted character.
Is #acc0e1 readable on white or black?
#acc0e1 has a 1.84:1 contrast ratio on white and 11.38: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.