#687389 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a matte quality that feels grounded and professional. Because it sits at a 4.8:1 contrast ratio against white, it serves as a secure, readable choice for UI backgrounds and body text. Use #687389 when you need a reliable, understated base that avoids the harshness of darker navies. It pairs surprisingly well with warm terracotta accents.
Questions about #687389
What is #687389 in RGB, HSL and CMYK?
In RGB, #687389 is rgb(104, 115, 137), in HSL hsl(220, 14%, 47%) and in CMYK 24%, 16%, 0%, 46%.
Does #687389 work well for UI text or backgrounds?
#687389 provides a 4.8:1 contrast ratio against white, making it a highly reliable choice for readable body text or professional UI backgrounds. It avoids the intensity of standard navies while maintaining a clean, mature aesthetic for digital interfaces.
What colors pair well with #687389?
This dusty blue pairs effectively with warm, earthy tones like terracotta or soft creams to balance its cool, unsaturated nature. Using warm accents helps ground the color, preventing the overall palette from feeling too cold or sterile in web design.
Is #687389 readable on white or black?
#687389 has a 4.77:1 contrast ratio on white and 4.40: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.