#6CACD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue works best as a neutral background for clean UI designs. Because it offers strong contrast against black text, #6cacd5 ensures readability for body copy while maintaining a professional, gentle presence. It lacks the punch of primary colors, making it ideal for healthcare or finance interfaces where authority should feel approachable. Pair it with soft grays to avoid a washed-out look.
Questions about #6cacd5
What is #6cacd5 in RGB, HSL and CMYK?
In RGB, #6cacd5 is rgb(108, 172, 213), in HSL hsl(203, 56%, 63%) and in CMYK 49%, 19%, 0%, 16%. Browse more shades of blue with names and hex codes.
What is the best way to use #6cacd5 in a UI?
Use #6cacd5 as a neutral background to maintain a professional, calm atmosphere without overwhelming the user. It pairs exceptionally well with charcoal text or dark gray elements to ensure maximum accessibility and readability for body copy.
Does #6cacd5 work for professional branding?
Its unsaturated nature makes #6cacd5 a strong choice for brands that need to convey trust and reliability, such as those in the healthcare or financial sectors. It avoids the harsh intensity of primary blues while still feeling stable and authoritative.
Is #6cacd5 readable on white or black?
#6cacd5 has a 2.47:1 contrast ratio on white and 8.49: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.