#6480AF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6480af graphic
This dusty, muted blue sits in the mid-tone range, offering an ashy and unsaturated character. It works best as a supporting background element rather than a dominant primary color, as its matte quality can feel washed out. Because #6480af maintains good contrast against black text, it performs well for UI components where readability is required. Pair it with soft creams for a balanced, professional interface.

Questions about #6480af

What is #6480af in RGB, HSL and CMYK?
In RGB, #6480af is rgb(100, 128, 175), in HSL hsl(218, 32%, 54%) and in CMYK 43%, 27%, 0%, 31%.
How should I use #6480af in UI design?
#6480af functions best as a secondary or background color rather than a primary call-to-action shade. Its matte, unsaturated nature provides excellent readability against dark or high-contrast text, making it ideal for cards, sidebars, or section backgrounds in professional interfaces.
What colors pair well with #6480af?
Pair #6480af with soft, warm neutrals like cream or beige to balance its cool, ashy temperature. For higher contrast, consider deeper charcoal accents, which ground the color and help it appear less washed out in complex layouts.
Is #6480af readable on white or black?
#6480af has a 4.00:1 contrast ratio on white and 5.24: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.