#5779A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is desaturated and cool, offering a matte finish that works well for UI backgrounds where you need to convey reliability without being aggressive. Because it is neutral and grounded, it pairs effectively with charcoal grays and soft creams. The hex code for this color is #5779a1. Since it maintains high contrast with black text, it is an accessible choice for body copy or data-heavy interfaces.
Questions about #5779a1
What is #5779a1 in RGB, HSL and CMYK?
In RGB, #5779a1 is rgb(87, 121, 161), in HSL hsl(212, 30%, 49%) and in CMYK 46%, 25%, 0%, 37%. Browse more shades of blue with names and hex codes.
How should I use #5779a1 in a UI layout?
#5779a1 functions best as a background color for data-heavy dashboards or professional applications where readability is paramount. Because it provides high contrast against black text, it maintains clear hierarchy without the visual fatigue often caused by more saturated blue tones.
What colors pair well with #5779a1?
This color anchors best when paired with neutral tones like charcoal or soft off-whites, which allow its muted, dusty undertones to remain grounded. Avoid pairing it with high-energy neons, as they will disrupt the professional and calm aesthetic this blue creates.
Is #5779a1 readable on white or black?
#5779a1 has a 4.51:1 contrast ratio on white and 4.65: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.