#457ABC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a professional, cool demeanor suitable for corporate branding and UI design. Because it lacks extreme vibrancy, #457abc works best as a supporting tone or primary anchor rather than a large background field. Pair it with crisp white or soft grays to maintain readability. The hex code for this reliable, tech-focused blue is #457abc.
Questions about #457abc
What is #457abc in RGB, HSL and CMYK?
In RGB, #457abc is rgb(69, 122, 188), in HSL hsl(213, 47%, 50%) and in CMYK 63%, 35%, 0%, 26%.
What colors pair well with #457abc for corporate designs?
#457abc works best alongside crisp neutrals like white or light gray to maintain strong readability and a clean professional hierarchy. For a bolder touch, it provides a stable foundation for accents in muted terracotta or soft gold tones.
Is #457abc suitable for large website backgrounds?
It is generally better to use #457abc as an accent or primary anchor rather than a large background field. Because it lacks extreme vibrancy, it can feel overwhelming if applied to broad surface areas, but it shines as a button color or header highlight.
Is #457abc readable on white or black?
#457abc has a 4.40:1 contrast ratio on white and 4.76: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.