#567CB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and restrained without being aggressive. Because it is unsaturated and cool, #567cb7 works well as a reliable background for financial or data-heavy UI designs. It pairs elegantly with soft creams or charcoal grays. The hex code #567cb7 provides enough contrast for black text, ensuring readability for small-scale typography and body copy.
Questions about #567cb7
What is #567cb7 in RGB, HSL and CMYK?
In RGB, #567cb7 is rgb(86, 124, 183), in HSL hsl(216, 40%, 53%) and in CMYK 53%, 32%, 0%, 28%.
What colors pair best with #567cb7 for a professional look?
#567cb7 works exceptionally well with neutral tones to maintain its restrained, corporate feel. Pair it with soft creams for a high-contrast yet soothing aesthetic, or ground the design using deep charcoal for clean, legible text blocks.
Is #567cb7 suitable for body text in user interfaces?
Yes, #567cb7 is excellent for UI body copy when set against a light background because it maintains enough contrast to be readable while appearing softer than harsh pure black, reducing eye strain during long periods of data analysis.
Is #567cb7 readable on white or black?
#567cb7 has a 4.23:1 contrast ratio on white and 4.96: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.