#22418F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#22418f is a dark, cool blue with strong saturation and a serious, dependable finish. It brings authority, security, and trust to finance, technology, government, and corporate branding. Use it as a dominant UI background or pair it with burgundy for richer contrast. White text reads clearly on this color at about 9.5:1. The hex code is #22418f.
Questions about #22418f
What is #22418f in RGB, HSL and CMYK?
In RGB, #22418f is rgb(34, 65, 143), in HSL hsl(223, 62%, 35%) and in CMYK 76%, 55%, 0%, 44%.
What colors pair well with #22418f?
Warm golden tones create the clearest complementary contrast with #22418f, while burgundy adds a richer, more restrained pairing; white supports crisp text and pale blue can build a calm monochromatic palette without competing with its saturated blue base.
Is #22418f warm or cool?
#22418f reads as a cool blue because its hue leans strongly toward blue rather than yellow or red, giving interfaces a focused, dependable character; its high saturation keeps the color vivid instead of soft or gray.
Does #22418f work with white text?
Yes, white text on #22418f has about a 9.5:1 contrast ratio, comfortably meeting WCAG AAA for normal text and making it suitable for dark buttons, navigation bars, and large interface backgrounds.
Is #22418f readable on white or black?
#22418f has a 9.45:1 contrast ratio on white and 2.22: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.