#86C2D5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
At hex code #86c2d5 you get a dusty, pastel cyan that reads soft rather than bright. Its gray undertone keeps it from shouting, which makes it a strong base for backgrounds in apps, baby products, and spring themes. It can look washed out beside pure white, so give it darker neighbors. Black text hits about 10.7:1 contrast on it, clearing WCAG AA with room to spare.
Questions about #86c2d5
What is #86c2d5 in RGB, HSL and CMYK?
In RGB, #86c2d5 is rgb(134, 194, 213), in HSL hsl(194, 48%, 68%) and in CMYK 37%, 9%, 0%, 16%. Browse more shades of blue with names and hex codes.
What colors pair well with #86c2d5?
Pair #86c2d5 with deep navy or charcoal for contrast, or with warm terracotta and sand to balance its cool tone. Skip pure white next to it, since the pale cyan tends to fade against it.
What mood does #86c2d5 give a design?
Its low saturation and high lightness create a gentle, peaceful feel. It fits children's products, spring layouts, and calm tech interfaces where a vivid cyan would feel too loud.
Is #86c2d5 readable on white or black?
#86c2d5 has a 1.96:1 contrast ratio on white and 10.69: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.