#5676CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue sits comfortably between saturation and gray, making it a reliable choice for professional interfaces. Its cool temperature feels buttoned-up and secure, perfect for finance or software branding. Because the hex code #5676ce offers sufficient contrast against standard text, use it as a primary UI element. It pairs particularly well with soft, warm grays to balance its clinical undertones without losing focus.
Questions about #5676ce
What is #5676ce in RGB, HSL and CMYK?
In RGB, #5676ce is rgb(86, 118, 206), in HSL hsl(224, 55%, 57%) and in CMYK 58%, 43%, 0%, 19%.
What colors pair effectively with #5676ce?
This shade pairs best with warm gray to ground its cool, clinical temperature. Using softer neutral tones allows the blue to act as a strong, trustworthy primary element without overwhelming the layout or distracting from the user experience.
Is #5676ce readable on white or black?
#5676ce has a 4.30:1 contrast ratio on white and 4.87: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.