#8BA4C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is a highly unsaturated, cool shade with a distinct ashy undertone. Because it sits comfortably in the mid-tones, #8ba4c4 works best as a balanced background color in UI design. It pairs well with crisp charcoal text, as the 8.2:1 contrast ratio ensures excellent readability. Avoid using it alongside stark white, which can make the color appear slightly washed out and muddy.
Questions about #8ba4c4
What is #8ba4c4 in RGB, HSL and CMYK?
In RGB, #8ba4c4 is rgb(139, 164, 196), in HSL hsl(214, 33%, 66%) and in CMYK 29%, 16%, 0%, 23%.
What colors pair best with #8ba4c4 in a design layout?
Use #8ba4c4 alongside dark charcoal or deep slate grays to maintain strong contrast and professional readability. Because this blue is quite muted, avoid pairing it with stark whites, which can make the overall design feel washed out and flat.
Is #8ba4c4 a good choice for text-heavy UI backgrounds?
Yes, #8ba4c4 functions exceptionally well as a background for user interfaces due to its neutral, ashy undertones. It sits comfortably in the mid-tones, providing a sophisticated alternative to standard grays while remaining subtle enough not to distract from the foreground content.
Is #8ba4c4 readable on white or black?
#8ba4c4 has a 2.55:1 contrast ratio on white and 8.20: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.