#688BAC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for this muted blue when a layout needs a steady, low-key base, think finance dashboards or healthcare portals. A gray undertone keeps it from feeling loud, so it flatters warm accents like terracotta more than bright whites. Black body text passes AA on it at about 5.9:1 contrast. Its hex code is #688bac.
Questions about #688bac
What is #688bac in RGB, HSL and CMYK?
In RGB, #688bac is rgb(104, 139, 172), in HSL hsl(209, 29%, 54%) and in CMYK 40%, 19%, 0%, 33%. Browse more shades of blue with names and hex codes.
What colors pair well with #688bac?
Warm earth tones like terracotta and rust make #688bac feel grounded, while charcoal keeps it serious. Avoid placing it next to bright cyan, which washes out its muted character.
Is #688bac readable on white or black?
#688bac has a 3.57:1 contrast ratio on white and 5.87: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.