#22333B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue carries a heavy, inky quality that feels both serious and restrained. Because of its low saturation, it serves as a sophisticated alternative to standard black for UI backgrounds or branding. Pair it with soft cream or muted gold to cut through its gloominess. The hex code for this shade is #22333b, which offers high contrast for white text in accessible designs.
Questions about #22333b
What is #22333b in RGB, HSL and CMYK?
In RGB, #22333b is rgb(34, 51, 59), in HSL hsl(199, 27%, 18%) and in CMYK 42%, 14%, 0%, 77%. Browse more shades of black with names and hex codes.
What colors pair well with the dark blue #22333b?
This deep blue balances perfectly with soft, creamy off-whites or muted golds to cut through its heavy, inky nature. Pairing #22333b with warm, neutral tones keeps the design grounded while preventing it from feeling too gloomy or cold for the viewer.
Is #22333b readable on white or black?
#22333b has a 13.08:1 contrast ratio on white and 1.60: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.