#6B779D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated indigo acts as a cool, dusty foundation for professional designs. Designers frequently use hex code #6b779d for UI backgrounds and supporting elements where calmness is required. Because it offers high contrast, black text remains perfectly legible over it. To avoid a clinical look, pair this muted blue with warm, creamy neutrals rather than stark white.
Questions about #6b779d
What is #6b779d in RGB, HSL and CMYK?
In RGB, #6b779d is rgb(107, 119, 157), in HSL hsl(226, 20%, 52%) and in CMYK 32%, 24%, 0%, 38%.
What colors pair best with #6b779d for a professional look?
Pair #6b779d with warm, creamy neutrals like ivory or soft beige to soften its clinical edge and create a balanced palette. Avoid stark white as it can make the indigo feel overly cold and disconnected in professional designs.
Is #6b779d suitable for text-heavy interface backgrounds?
Yes, #6b779d functions as an excellent UI background because it offers high contrast when paired with black or dark charcoal text. This makes it a reliable choice for supporting design elements that need to remain readable while adding a subtle touch of color.
Is #6b779d readable on white or black?
#6b779d has a 4.42:1 contrast ratio on white and 4.75: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.