#C6DBEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pale blue leans toward grey with a bleached, desaturated finish. Because it is highly readable, #c6dbeb works effectively as a large-scale background color for clean, minimalist interfaces. It pairs well with charcoal greys to ground its delicacy. While soft, avoid using it next to pure white, as it can appear washed out and lose its presence.
Questions about #c6dbeb
What is #c6dbeb in RGB, HSL and CMYK?
In RGB, #c6dbeb is rgb(198, 219, 235), in HSL hsl(206, 48%, 85%) and in CMYK 16%, 7%, 0%, 8%. Browse more shades of gray with names and hex codes.
How should I use #c6dbeb in interface design?
#c6dbeb is an excellent, highly readable background color for clean, minimalist user interfaces because its desaturated nature prevents it from feeling overwhelming. To maintain visual interest and accessibility, ground its delicate presence by using strong, dark typography like charcoal or deep navy.
Why does #c6dbeb look washed out against pure white?
Because #c6dbeb is already a very light, airy blue, placing it directly next to pure white creates insufficient contrast, making the color appear faded or lost. Pair it instead with mid-tone greys or darker blues to define the boundaries of your layout.
Is #c6dbeb readable on white or black?
#c6dbeb has a 1.42:1 contrast ratio on white and 14.73: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.