#5685BC Hex Color

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

Hex color #5685bc graphic
This muted, dusty blue feels restrained and professional. Because #5685bc has low saturation, it avoids the artificial brightness found in standard blues, making it an excellent choice for corporate UI backgrounds or functional data dashboards. It pairs well with warm slate grays to balance its coolness. Black text remains legible here, ensuring that small interface elements maintain necessary accessibility standards.

Questions about #5685bc

What is #5685bc in RGB, HSL and CMYK?
In RGB, #5685bc is rgb(86, 133, 188), in HSL hsl(212, 43%, 54%) and in CMYK 54%, 29%, 0%, 26%.
Does #5685bc work well for text interfaces?
Yes, #5685bc offers enough depth and contrast to function effectively as a text color on light backgrounds. It maintains excellent readability for small interface elements, ensuring your designs meet modern accessibility standards without appearing harsh or overly vibrant.
What colors pair well with #5685bc?
This muted blue creates a balanced, professional aesthetic when paired with warm slate or cool charcoal tones. Avoid pairing it with high-intensity neon colors, as the natural restraint of #5685bc can clash with overly saturated, artificial hues.
Is #5685bc readable on white or black?
#5685bc has a 3.83:1 contrast ratio on white and 5.47: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.