#12224E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, desaturated blue offers a grounding authority, making it an excellent choice for corporate branding or moody UI backgrounds. Because it is quite dark, white text pops against it with high legibility. Use #12224e as a stable base color, but pair it with warm accents like cream or pale gold to keep the design from feeling too cold. The hex code for this shade is #12224e.
Questions about #12224e
What is #12224e in RGB, HSL and CMYK?
In RGB, #12224e is rgb(18, 34, 78), in HSL hsl(224, 63%, 19%) and in CMYK 77%, 56%, 0%, 69%. Browse more shades of blue with names and hex codes.
What colors pair best with the deep navy of #12224e?
Pair #12224e with warm, creamy off-whites or pale golds to effectively cut its inherent coldness. These light, neutral tones create a sophisticated balance, allowing the depth of this dark blue to anchor your design without feeling sterile or unapproachable.
Is #12224e suitable for UI text on a light background?
Yes, #12224e provides excellent legibility against white or near-white backgrounds because of its significant darkness. It functions effectively as a softer, more modern alternative to standard black text, offering a professional aesthetic that is easier on the eyes.
Is #12224e readable on white or black?
#12224e has a 15.38:1 contrast ratio on white and 1.36: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.