#6CAFDF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6cafdf graphic
With its light value and softened saturation, #6cafdf is a cool, pastel blue with a clean gray cast. It creates a gentle, trustworthy feel for healthcare, finance, technology, and spring-focused designs. Use it as a dominant UI background or supporting brand tone, pairing it with navy or warm coral. Black text meets WCAG AA contrast on this color. The hex code is #6cafdf.

Questions about #6cafdf

What is #6cafdf in RGB, HSL and CMYK?
In RGB, #6cafdf is rgb(108, 175, 223), in HSL hsl(205, 64%, 65%) and in CMYK 52%, 22%, 0%, 13%.
What colors pair well with #6cafdf?
#6cafdf pairs well with navy for grounded contrast, while coral adds energy without overwhelming its soft blue base. White keeps the palette airy, and pale gray supports a restrained interface. Use navy for text or structure and coral for accents.
Does #6cafdf feel warm or cool?
#6cafdf reads as a cool pastel blue because its blue hue, light value, and softened saturation create a clean gray cast with a gentle, dependable feel rather than an icy or highly vivid appearance. It works well in calm, approachable visual systems.
Is #6cafdf readable on white or black?
#6cafdf has a 2.37:1 contrast ratio on white and 8.83: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.