#5675C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-toned blue feels composed and steady due to its moderate saturation. Because it maintains a 4.7:1 contrast ratio against black, you can use #5675c4 for small body text and interface labels without sacrificing readability. It functions well as a reliable supporting color in finance or tech dashboards, though it can feel slightly clinical when overused. Pair this hex code with a warm slate gray to add balance.
Questions about #5675c4
What is #5675c4 in RGB, HSL and CMYK?
In RGB, #5675c4 is rgb(86, 117, 196), in HSL hsl(223, 48%, 55%) and in CMYK 56%, 40%, 0%, 23%.
What colors pair best with #5675c4 for a balanced look?
Because #5675c4 is a clean, steady blue, it works well when paired with warm neutral tones like a warm gray or soft cream. These combinations prevent the blue from appearing too clinical or sterile in digital interface designs.
Is #5675c4 readable on white or black?
#5675c4 has a 4.43:1 contrast ratio on white and 4.73: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.