#5A789A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Quiet Harbour is a dusty, desaturated blue with a distinct matte finish. Because of its muted tone, #5a789a works best as a supporting element or background for professional UI designs rather than a dominant focal point. It pairs well with soft creams or charcoal grays to maintain visual balance. With enough contrast for standard black text, this hex code is a reliable choice for finance or technology interfaces.
Questions about Quiet Harbour
What is the hex code for Quiet Harbour?
Quiet Harbour is #5a789a. In RGB that is rgb(90, 120, 154), in HSL hsl(212, 26%, 48%) and in CMYK 42%, 22%, 0%, 40%. Browse more shades of blue with names and hex codes.
What colors pair well with Quiet Harbour #5a789a?
Quiet Harbour #5a789a excels when paired with soft creams or warm whites to brighten its muted tone, or charcoal for high-contrast professional text. Avoid pairing it with overly vibrant neons, as they clash with its desaturated, matte personality.
Is #5a789a a good choice for UI text?
Using #5a789a for small body text is not recommended because its low contrast against standard white backgrounds may impact readability. It functions best as a sophisticated background element, a border color, or for secondary UI components that require a grounded feel.
Is Quiet Harbour readable on white or black?
Quiet Harbour has a 4.57:1 contrast ratio on white and 4.58: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 for body text. Try other pairs in the contrast checker.