#5685CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5685cf is a muted, medium-toned blue that carries a professional and steady quality. Its cool, desaturated character makes it a predictable choice for corporate UI, finance, and security applications. Because black text offers 5.7:1 contrast against it, you can safely use it as a background for small body text. Pair this hex code with warm terracotta accents to create a more grounded, approachable look.
Questions about #5685cf
What is #5685cf in RGB, HSL and CMYK?
In RGB, #5685cf is rgb(86, 133, 207), in HSL hsl(217, 56%, 57%) and in CMYK 58%, 36%, 0%, 19%.
Does #5685cf work well with dark text?
Yes, #5685cf provides a strong 5.7:1 contrast ratio against black, making it safe and accessible for small body text. This reliability allows you to use it as a primary background or text color without compromising legibility on screens.
What colors pair well with #5685cf?
Pair #5685cf with warm terracotta accents to ground the cool, professional tone of the blue. You can also balance its desaturated nature by using light cream or off-white neutrals to maintain a clean, high-contrast interface design.
Is #5685cf readable on white or black?
#5685cf has a 3.71:1 contrast ratio on white and 5.65: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.