#8CB7DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has an ashy quality that keeps it from appearing too bright or juvenile. Because it is highly readable, #8cb7df works well as a background color for interfaces or data-heavy UI components. Pair this shade with a deep charcoal or slate gray to avoid the washed-out look that can happen when placed against stark white. The hex code for this cool tone is #8cb7df.
Questions about #8cb7df
What is #8cb7df in RGB, HSL and CMYK?
In RGB, #8cb7df is rgb(140, 183, 223), in HSL hsl(209, 56%, 71%) and in CMYK 37%, 18%, 0%, 13%.
What colors pair well with #8cb7df?
To avoid a washed-out appearance when using #8cb7df against stark white, pair it with charcoal or deep slate gray text for better contrast. These darker, neutral tones anchor the blue, creating a grounded and professional aesthetic for interface components.
Is #8cb7df suitable for text-heavy layouts?
Yes, #8cb7df is highly readable and works exceptionally well as a background color for dashboards or data-heavy UI components. Its unsaturated, dusty quality prevents the harshness often found in brighter blues, keeping the viewing experience comfortable and calm for long periods.
Is #8cb7df readable on white or black?
#8cb7df has a 2.10:1 contrast ratio on white and 9.95: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.