#629AC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue feels steady and approachable, lacking the sharp intensity of a pure primary hue. Because of its reliable character, it works well in corporate branding for finance or healthcare interfaces. Black text is highly readable against this color, making it a safe choice for small body text. The hex code for this muted blue is #629ac4.
Questions about #629ac4
What is #629ac4 in RGB, HSL and CMYK?
In RGB, #629ac4 is rgb(98, 154, 196), in HSL hsl(206, 45%, 58%) and in CMYK 50%, 21%, 0%, 23%.
Why is #629ac4 effective for UI design?
#629ac4 provides a balanced, non-intrusive aesthetic that avoids the sharp intensity of pure primary blue. Its unsaturated nature ensures that small body text remains highly readable against white or light gray backgrounds, making it a professional, safe choice for finance or healthcare interfaces.
What colors pair best with #629ac4?
This muted blue works best with neutral tones like soft charcoal for high-contrast typography or crisp white for a clean, minimal look. For accent colors, it harmonizes well with warm, muted tones like terracotta to create a sophisticated, balanced palette.
Is #629ac4 readable on white or black?
#629ac4 has a 3.02:1 contrast ratio on white and 6.93: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.