#6471A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty indigo, #6471a5 brings a sense of order to digital interfaces. This unsaturated tone lacks high chroma, making it an excellent choice for calm backgrounds that avoid visual fatigue. It offers a 4.7:1 contrast ratio against white text, ensuring readability for UI elements. Pair this shade with warm, off-white tones to prevent a washed-out appearance. The hex code is #6471a5.
Questions about #6471a5
What is #6471a5 in RGB, HSL and CMYK?
In RGB, #6471a5 is rgb(100, 113, 165), in HSL hsl(228, 27%, 52%) and in CMYK 39%, 32%, 0%, 35%.
How does #6471a5 function in digital interface design?
#6471a5 serves as a stable, low-chroma anchor color that minimizes visual fatigue in user interfaces. Because it lacks extreme vibrancy, it is ideal for backgrounds or secondary UI elements where readability remains the top priority over bold, attention-grabbing saturation.
What colors pair effectively with #6471a5?
To balance its dusty character, pair #6471a5 with warm, creamy off-whites or soft sand tones to prevent the palette from feeling too cold. For more contrast, deep charcoal or dark navy text ensures the interface remains sharp and legible.
Is #6471a5 readable on white or black?
#6471a5 has a 4.72:1 contrast ratio on white and 4.44: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.