#222E45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #222e45 produces a dark, muted blue with gray undertones and a matte, inky finish. Its low saturation creates a serious, controlled mood, making it effective for finance, security, technology, and government branding. Use it as a dominant UI background with white text, which reaches about 13.6:1 contrast and supports accessible body copy.
Questions about #222e45
What is #222e45 in RGB, HSL and CMYK?
In RGB, #222e45 is rgb(34, 46, 69), in HSL hsl(219, 34%, 20%) and in CMYK 51%, 33%, 0%, 73%.
What colors pair well with #222e45?
The #222e45 hex color pairs well with white, pale blue, soft gray, and muted green, creating clean contrast without competing with its restrained blue base in interfaces, dashboards, and professional brand palettes.
Does #222e45 look warm or cool?
It reads as a cool dark blue because its blue hue is tempered by gray rather than red or yellow undertones, giving #222e45 a restrained, neutral edge in most digital palettes.
Is #222e45 readable on white or black?
#222e45 has a 13.59:1 contrast ratio on white and 1.54: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.