#224393 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #224393 when a project needs a steady navy, whether that is a finance dashboard, a dark UI background, or corporate branding. This hex code is dark and slightly muted, with a cool blue base that reads serious instead of playful. It works best as a dominant base color, and white text passes contrast on it easily at about 9.2:1. For muted companions, what colors make gray is a good starting point, since desaturated tones flatter its low lightness.
Questions about #224393
What is #224393 in RGB, HSL and CMYK?
In RGB, #224393 is rgb(34, 67, 147), in HSL hsl(222, 62%, 35%) and in CMYK 77%, 54%, 0%, 42%.
What text color works best on #224393?
White text is the clear choice. It reaches about 9.2:1 contrast on #224393, which passes WCAG AA for small body text and works for buttons, links, and headings alike. Black text fails badly here, so keep all type light.
What colors pair well with #224393?
Warm accents like brass, gold, or burgundy keep this navy from feeling flat, while muted grays soften it for quieter layouts. Skip bright reds and oranges, since they fight the color's restrained character.
Is #224393 readable on white or black?
#224393 has a 9.16: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.