#223A69 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusky navy brings a serious tone to corporate interfaces and branding. As a deep, unsaturated shade, it functions well as a dominant UI background. White text achieves a strong 11.2:1 contrast ratio against it, ensuring high legibility for small body copy. The hex code for this stable, grounded color is #223a69. Pair it with crisp light grays to maintain visual clarity.
Questions about #223a69
What is #223a69 in RGB, HSL and CMYK?
In RGB, #223a69 is rgb(34, 58, 105), in HSL hsl(220, 51%, 27%) and in CMYK 68%, 45%, 0%, 59%.
What colors pair best with #223a69 for a professional layout?
This deep navy works best when paired with crisp, neutral shades like light gray or warm white to maintain visual clarity. Because it is a saturated yet muted shade, it anchors the design while allowing accent colors to stand out effectively.
Is #223a69 readable on white or black?
#223a69 has a 11.18:1 contrast ratio on white and 1.87: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.