#222E3F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #222e3f graphic
#222e3f is a dark, muted blue with gray and inky undertones, giving layouts a serious, controlled mood. The hex code works well as a dominant background for finance, security, technology, and government interfaces. White text reads clearly at about 13.7:1 contrast. Pair it with burgundy or muted copper for restrained depth and warmth.

Questions about #222e3f

What is #222e3f in RGB, HSL and CMYK?
In RGB, #222e3f is rgb(34, 46, 63), in HSL hsl(215, 30%, 19%) and in CMYK 46%, 27%, 0%, 75%. Browse more shades of black with names and hex codes.
What colors pair well with #222e3f?
#222e3f pairs well with burgundy or muted copper accents for warmth, while soft gray and white keep interfaces restrained and readable against its dark blue base in dashboards, navigation, and formal landing pages.
Is #222e3f warm or cool?
#222e3f reads as a cool, dark blue because its blue base is softened by gray and inky undertones, giving it a controlled, serious mood rather than a warm or energetic feel in most layouts.
Is #222e3f readable on white or black?
#222e3f has a 13.72:1 contrast ratio on white and 1.53: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.