#224675 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted navy blue with a cool, slightly gray undertone, #224675 feels serious, stable, and controlled. This hex code suits finance, technology, government, security, and formal branding. White text reaches about 9.5:1 contrast here, making it suitable for small body text and dark UI backgrounds. Pair it with burgundy or muted gold for warmth.
Questions about #224675
What is #224675 in RGB, HSL and CMYK?
In RGB, #224675 is rgb(34, 70, 117), in HSL hsl(214, 55%, 30%) and in CMYK 71%, 40%, 0%, 54%.
What colors pair well with #224675?
Burgundy, muted gold, and soft neutrals pair well with #224675, adding warmth without overpowering its cool navy base, while pale blue-gray creates a quieter monochromatic feel for interfaces, editorial layouts, and formal branding.
Is #224675 a warm or cool color?
#224675 reads as a cool navy because its blue base is tempered by a slightly gray undertone rather than red or yellow warmth, giving interfaces and branding a serious, controlled feel with a reserved visual tone.
Is #224675 readable on white or black?
#224675 has a 9.54:1 contrast ratio on white and 2.20: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.