#222E48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue conveys serious authority and steady control. Because it is highly unsaturated, #222e48 functions best as a dominant dark mode background rather than small text. It provides excellent accessibility for white type, maintaining high contrast without the jarring intensity of pure black. Pair it with muted gold accents to elevate your corporate or tech-focused designs for a sophisticated, professional aesthetic.
Questions about #222e48
What is #222e48 in RGB, HSL and CMYK?
In RGB, #222e48 is rgb(34, 46, 72), in HSL hsl(221, 36%, 21%) and in CMYK 53%, 36%, 0%, 72%.
Where should I use #222e48 in a design layout?
#222e48 functions best as a dominant, full-screen background rather than a text color. It provides excellent accessibility for white typography, maintaining high contrast without the jarring, intense visual impact that pure black backgrounds often create in modern interfaces.
What colors pair well with the deep blue of #222e48?
Is #222e48 readable on white or black?
#222e48 has a 13.52:1 contrast ratio on white and 1.55: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.