#6696A2 Hex Color

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

Hex color #6696a2 graphic
Reach for #6696a2 when a design needs a muted cyan that won’t shout. This dusty shade of sky blue sits at mid lightness with very low saturation, so it reads ashy and matte instead of crisp. It earns its keep as a supporting tone or large UI background, where black text stays readable at about 6.4:1 contrast. Pair it with warm coral or terracotta so it never goes flat.

Questions about #6696a2

What is #6696a2 in RGB, HSL and CMYK?
In RGB, #6696a2 is rgb(102, 150, 162), in HSL hsl(192, 24%, 52%) and in CMYK 37%, 7%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair well with #6696a2?
Warm counterparts like coral, terracotta, or mustard keep #6696a2 from reading flat, since its gray undertone needs contrast in temperature. Cool monochrome palettes work too but can feel bleak.
Is #6696a2 readable on white or black?
#6696a2 has a 3.25:1 contrast ratio on white and 6.44:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.