#224687 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated blue feels authoritative and grounded. As a reliable corporate shade, #224687 functions effectively as a base for professional UI designs or moody backgrounds. It maintains high readability with white text, offering a 9.2:1 contrast ratio that accommodates even the smallest body copy. Use this hex code to anchor tech or finance palettes where clarity is the primary design goal.
Questions about #224687
What is #224687 in RGB, HSL and CMYK?
In RGB, #224687 is rgb(34, 70, 135), in HSL hsl(219, 60%, 33%) and in CMYK 75%, 48%, 0%, 47%.
What colors pair well with #224687?
Because #224687 is a deep, authoritative blue, it functions well when paired with neutral light gray backgrounds or clean white accents. For a modern, high-contrast UI, try using it alongside muted yellow or gold for call-to-action buttons.
Is #224687 readable on white or black?
#224687 has a 9.15:1 contrast ratio on white and 2.29: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.