#56819B Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #56819b graphic
This dusty, desaturated blue offers a matte quality that reads as restrained and professional. It works well as a UI background because it avoids overwhelming the design. Since black text maintains high contrast against this shade, it remains legible for body content. Pair the hex code #56819b with muted charcoals or sandy neutrals to emphasize its cool, industrial character.

Questions about #56819b

What is #56819b in RGB, HSL and CMYK?
In RGB, #56819b is rgb(86, 129, 155), in HSL hsl(203, 29%, 47%) and in CMYK 45%, 17%, 0%, 39%.
What colors pair best with #56819b?
This dusty blue works exceptionally well when balanced against charcoal or deep navy tones to maintain its industrial feel. For a softer, cleaner aesthetic, pair it with light sandy neutrals or crisp off-whites to create a sophisticated, airy contrast.
Is #56819b suitable for body text or web interfaces?
Yes, this shade is excellent for UI design because it remains highly readable when used with standard black or very dark text. Its desaturated nature ensures it stays subtle, preventing it from overwhelming the user interface or distracting from primary content.
Is #56819b readable on white or black?
#56819b has a 4.19:1 contrast ratio on white and 5.00: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.