#448EBA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated mid-tone blue brings a composed, reliable energy to professional interfaces and financial branding. Its cool character pairs well with soft greys or charcoal for a grounded look. Since it maintains high contrast, the hex code #448eba works effectively for standard body text while providing enough presence for secondary UI elements without overpowering a layout.
Questions about #448eba
What is #448eba in RGB, HSL and CMYK?
In RGB, #448eba is rgb(68, 142, 186), in HSL hsl(202, 46%, 50%) and in CMYK 63%, 24%, 0%, 27%. Browse more shades of blue with names and hex codes.
What design context works best for #448eba?
#448eba functions effectively as a stable, professional anchor in UI layouts. Because of its balanced saturation, it works well for primary buttons or sidebar navigation where you need high visibility without the visual fatigue often caused by more vibrant primary blues.
Is #448eba readable on white or black?
#448eba has a 3.60:1 contrast ratio on white and 5.82:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.