#688394 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinct ashy quality that leans professional rather than energetic. Because it is muted, #688394 works exceptionally well as a supporting background color in UI designs, providing enough contrast for black text to remain legible. It pairs effectively with warm off-whites or soft ochre tones to balance its cool, steely temperament. Use this hex code when you need a muted, reliable aesthetic.
Questions about #688394
What is #688394 in RGB, HSL and CMYK?
In RGB, #688394 is rgb(104, 131, 148), in HSL hsl(203, 17%, 49%) and in CMYK 30%, 11%, 0%, 42%.
What colors pair well with #688394?
This steely blue works best when balanced by warm, earthy neutrals like ochre or soft, creamy off-whites. Because #688394 carries a cool, desaturated temperament, it creates a sophisticated, grounded aesthetic when contrasted with these warmer tones in UI or branding.
Is #688394 a good choice for UI backgrounds?
Yes, the muted nature of #688394 makes it an excellent choice for interface backgrounds where you want professionalism without visual strain. It offers enough contrast for standard dark text to remain legible, keeping your layout feeling reliable and structured.
Is #688394 readable on white or black?
#688394 has a 3.99:1 contrast ratio on white and 5.26: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.