#122B4E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated navy leans toward a cool, dusty aesthetic. Because of its dark, stable character, #122b4e functions best as a dominant background for corporate or technical branding. It provides high contrast for white text, ensuring excellent readability in UI designs. Pair it with muted golds or creams to break up its serious, professional weight and prevent it from appearing too flat.
Questions about #122b4e
What is #122b4e in RGB, HSL and CMYK?
In RGB, #122b4e is rgb(18, 43, 78), in HSL hsl(215, 63%, 19%) and in CMYK 77%, 45%, 0%, 69%.
What colors pair well with #122b4e in a design scheme?
Soft creams and muted golds create the best balance for #122b4e by providing warmth that breaks up its heavy, cool nature. These pairings prevent the deep navy from feeling too flat while maintaining a sophisticated, professional aesthetic for your interface or print layout.
Is #122b4e suitable for text-heavy interface designs?
Yes, #122b4e acts as an excellent dark background color that supports high readability when paired with white or very light text. Because it is desaturated and stable, it does not strain the eyes, making it a reliable choice for long-form reading environments.
Is #122b4e readable on white or black?
#122b4e has a 14.17:1 contrast ratio on white and 1.48: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.