#646C86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy indigo carries a heavy, muted quality that feels both serious and refined. Because it is highly unsaturated, #646c86 works best as a sophisticated, moody background or a grounding element in minimal UI designs. The hex code offers sufficient contrast for white text, ensuring readability. Pair it with soft, warm metallics to break up its stark, inky character.
Questions about #646c86
What is #646c86 in RGB, HSL and CMYK?
In RGB, #646c86 is rgb(100, 108, 134), in HSL hsl(226, 15%, 46%) and in CMYK 25%, 19%, 0%, 47%. Browse more shades of blue with names and hex codes.
What colors pair well with #646c86?
Since #646c86 is a cool, muted indigo, it pairs beautifully with warm terracotta or soft metallics like brushed gold. These warm contrasts prevent the color from feeling too cold while highlighting its serious, grounded nature.
Is #646c86 suitable for text on a website?
Because #646c86 is a mid-tone indigo, it offers excellent readability when paired with white or very light off-white text. Use it primarily as a background color rather than a text color, as dark typography against this shade lacks sufficient contrast.
Is #646c86 readable on white or black?
#646c86 has a 5.20:1 contrast ratio on white and 4.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.