#57748C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue provides a stable, muted foundation for professional interfaces. Its low saturation keeps it from dominating a layout, making it a reliable choice for UI backgrounds or secondary text. Pair #57748c with clean off-whites to maintain readability, as it offers just enough contrast for body copy. This hex code works best when anchoring corporate or security-focused branding palettes.
Questions about #57748c
What is #57748c in RGB, HSL and CMYK?
In RGB, #57748c is rgb(87, 116, 140), in HSL hsl(207, 23%, 45%) and in CMYK 38%, 17%, 0%, 45%. Browse more shades of blue with names and hex codes.
Where does #57748c work best in a UI design?
This muted blue excels as a background for professional interfaces where high contrast is not required. It remains readable for secondary text or subtle UI elements without dominating the visual hierarchy, helping maintain a calm, structured, and corporate aesthetic for your digital project.
What colors pair well with #57748c?
Pair #57748c with clean, warm off-whites to balance its cool, ashy temperature and maintain readability. It also functions beautifully alongside charcoal or deep neutral grays when you need to establish a hierarchy without relying on harsh blacks or overly vibrant primary colors.
Is #57748c readable on white or black?
#57748c has a 4.90:1 contrast ratio on white and 4.28: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.