#687993 Hex Color

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

Hex color #687993 graphic
Muted and midweight, #687993 is a dusty blue that leans toward slate. Its hex code places it low in saturation, so it reads steady and understated rather than bright. Use it as a supporting tone behind black text, which clears WCAG AA at about 4.7:1. It flatters warm accents like terracotta, though it can turn muddy in large fields.

Questions about #687993

What is #687993 in RGB, HSL and CMYK?
In RGB, #687993 is rgb(104, 121, 147), in HSL hsl(216, 17%, 49%) and in CMYK 29%, 18%, 0%, 42%.
What colors pair well with #687993?
Warm accents do the most work here. Terracotta, soft cream, and burgundy all counter its gray cast and keep the palette from going flat. Avoid pale blues, which wash it out.
Can you use body text on #687993?
Black text on #687993 reaches about 4.7:1 contrast, which passes WCAG AA for small body text. White text falls short, so keep light type to headings at larger sizes.
Is #687993 readable on white or black?
#687993 has a 4.42:1 contrast ratio on white and 4.74: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.