#22538E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated blue projects authority and unwavering reliability. Its dark weight makes it a strong candidate for secure UI backgrounds or corporate branding, where high contrast is a requirement. White text remains perfectly legible against this shade. When you are mixing gray tones to balance a moody palette, look to the hex code #22538e.
Questions about #22538e
What is #22538e in RGB, HSL and CMYK?
In RGB, #22538e is rgb(34, 83, 142), in HSL hsl(213, 61%, 35%) and in CMYK 76%, 42%, 0%, 44%.
Where is #22538e most effective in UI design?
#22538e excels as a primary brand color or a grounding background for secure applications where legibility is critical. Because it maintains high contrast with white text, it functions perfectly for headers, footers, or primary call-to-action buttons in professional layouts.
What colors pair well with #22538e?
This deep blue anchors designs well when paired with crisp, clean neutrals like light gray or pure white to maintain its corporate authority. For a bolder palette, it contrasts beautifully with a soft gold or a muted terracotta, which helps warm up the cool, professional tone.
Is #22538e readable on white or black?
#22538e has a 7.78:1 contrast ratio on white and 2.69: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.