#4674BF Hex Color

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

Select a Color

This unsaturated blue has a cool, consistent presence that feels stable rather than energetic. The hex code #4674bf works well as a primary shade for corporate branding, security applications, or professional UI interfaces. It offers enough contrast against white for readable body text, but pair it with muted grays or creams to prevent the color from feeling too clinical in your layout.

Questions about #4674bf

What is #4674bf in RGB, HSL and CMYK?

In RGB, #4674bf is rgb(70, 116, 191), in HSL hsl(217, 49%, 51%) and in CMYK 63%, 39%, 0%, 25%.

What colors pair best with #4674bf for UI design?

Because #4674bf is a muted, stable blue, it works exceptionally well when paired with neutral light gray backgrounds or soft cream accents to avoid appearing too clinical. For active elements or call-to-action buttons, a contrasting warm amber provides visual balance.

Is #4674bf readable on white or black?

#4674bf has a 4.65:1 contrast ratio on white and 4.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.

#4674BF Hex Color

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

Questions about #4674bf

Color tools

Resources