#6D78A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6d78a5 is an ashy, unsaturated indigo that feels remarkably dusty and matte. It brings a grounded, cool structure to UI designs without becoming overwhelming. Because it maintains a 4.9:1 contrast ratio with black text, it functions effectively as a solid background color for small body text. Pair it with soft cream or warm terracotta to balance its inherently cold, reserved character.
Questions about #6d78a5
What is #6d78a5 in RGB, HSL and CMYK?
In RGB, #6d78a5 is rgb(109, 120, 165), in HSL hsl(228, 24%, 54%) and in CMYK 34%, 27%, 0%, 35%.
What colors pair well with #6d78a5 in design?
Pair #6d78a5 with soft cream or warm terracotta to effectively balance its inherently cold, reserved character. These warm neutrals counteract the dusty nature of the indigo, creating a comfortable visual tension that prevents the design from feeling too clinical or sterile.
Is #6d78a5 suitable for body text on a white background?
#6d78a5 provides a 4.9:1 contrast ratio against black text, meaning it is a strong choice for a background color. However, using it as text on a standard white background may fail accessibility standards, so always pair it with a darker base.
Is #6d78a5 readable on white or black?
#6d78a5 has a 4.30:1 contrast ratio on white and 4.88: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.