#629CB2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #629cb2 graphic
This muted, ashy cyan carries a cool, desaturated tone that feels steady and professional. Because of its reliable contrast with black text, it functions best as a dominant base or background color for UI design. Avoid pairing it with high-saturation neons, as it looks stronger against warm greys or charcoal. The hex code for this dusty blue is #629cb2.

Questions about #629cb2

What is #629cb2 in RGB, HSL and CMYK?
In RGB, #629cb2 is rgb(98, 156, 178), in HSL hsl(197, 34%, 54%) and in CMYK 45%, 12%, 0%, 30%.
How can #629cb2 be used effectively in UI design?
#629cb2 works best as a primary background or a functional accent color because it maintains high readability against dark text. Avoid using it alongside neon or high-saturation colors, as it prefers the grounding presence of charcoal or soft neutral grays.
Is #629cb2 considered a warm or cool color?
This color is firmly in the cool family, characterized by its desaturated, ashy cyan undertones that evoke a sense of professional stability. Its muted quality prevents it from feeling jarring, making it an excellent choice for calm and structured visual layouts.
Is #629cb2 readable on white or black?
#629cb2 has a 3.03:1 contrast ratio on white and 6.91: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.