#A7BECD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits right between grey and sky. Because of its desaturated quality, #a7becd works best as a supporting background rather than a main header color. It pairs cleanly with stark whites for a modern, airy feel in UI design. Since black text provides a high contrast ratio of 10.9:1, this hex code is an excellent choice for legible body text on professional dashboards or financial apps.
Questions about #a7becd
What is #a7becd in RGB, HSL and CMYK?
In RGB, #a7becd is rgb(167, 190, 205), in HSL hsl(204, 28%, 73%) and in CMYK 19%, 7%, 0%, 20%. Browse more shades of gray with names and hex codes.
Why is #a7becd effective for UI text?
With a high contrast ratio of 10.9:1 against black, #a7becd provides excellent legibility for body text and interface elements. It remains soft on the eyes, reducing strain compared to pure grey or harsh dark tones, making it a professional choice for modern dashboards.
What colors pair well with #a7becd?
The desaturated nature of #a7becd pairs best with charcoal for high-contrast, professional interfaces, or with crisp, bright whites to maintain a clean, modern aesthetic. Because it sits between grey and sky, it also complements muted earth tones without clashing or becoming overwhelming.
Is #a7becd readable on white or black?
#a7becd has a 1.92:1 contrast ratio on white and 10.89: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.