#689ECA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#689eca is a medium-light, cool blue with moderate saturation and a soft gray undertone. Its steady, dependable character suits security, finance, healthcare, and technology interfaces, especially as a supporting color beside navy or charcoal. The hex code #689eca also provides strong contrast with black text, making it practical for readable labels and body copy.
Questions about #689eca
What is #689eca in RGB, HSL and CMYK?
In RGB, #689eca is rgb(104, 158, 202), in HSL hsl(207, 48%, 60%) and in CMYK 49%, 22%, 0%, 21%.
What colors pair well with #689eca?
#689eca pairs well with charcoal for a restrained interface, warm off-white for softer layouts, and muted terracotta for a measured accent. These combinations balance its cool blue cast without making the palette feel overly corporate.
Where does #689eca work best in a design system?
Use #689eca as a supporting color for dashboards, security tools, healthcare services, and finance interfaces, where its medium-light value feels reliable without the weight of navy. It works well for buttons, links, and panels when paired with dark text.
Is #689eca readable on white or black?
#689eca has a 2.86:1 contrast ratio on white and 7.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.