#294CA5 Hex Color

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

Select a Color

A deep, saturated royal blue, #294ca5 conveys authority and security. Its intensity makes it a practical choice for UI backgrounds or branding that demands a professional, stable presence. Because it sits on the darker side of the spectrum, it maintains strong legibility with white text. Pair this hex code with muted grays or creams to prevent the color from feeling too aggressive in large, dominant blocks.

Questions about #294ca5

What is #294ca5 in RGB, HSL and CMYK?

In RGB, #294ca5 is rgb(41, 76, 165), in HSL hsl(223, 60%, 40%) and in CMYK 75%, 54%, 0%, 35%.

What colors pair best with #294ca5?

This royal blue balances perfectly with warm, neutral tones like cream or light sand to soften its intensity. For a more modern and corporate interface, pair #294ca5 with cool, light silver or stark white to maintain high legibility and a sharp, professional look.

Is #294ca5 readable on white or black?

#294ca5 has a 7.86:1 contrast ratio on white and 2.67: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 is too faint for text. Try other pairs in the contrast checker.

#294CA5 Hex Color

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

Questions about #294ca5

Color tools

Resources