#1A5776 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated blue is dark and moody, lacking the bright punch of standard primary tones. Because of its dusty character, #1a5776 functions best as a stable, secondary base for professional interfaces rather than a primary accent. It offers high contrast for white text, making it a functional choice for dark mode UI. If you are curious about mixing gray, this hex code serves as a solid example of muted tones.
Questions about #1a5776
What is #1a5776 in RGB, HSL and CMYK?
In RGB, #1a5776 is rgb(26, 87, 118), in HSL hsl(200, 64%, 28%) and in CMYK 78%, 26%, 0%, 54%. Browse more shades of blue with names and hex codes.
Where should I use #1a5776 in UI design?
#1a5776 functions best as a stable secondary base or a background for professional interfaces that require a muted, serious tone. It provides excellent readability for white text, making it a functional choice for dark mode layouts and sidebar elements.
What colors pair well with #1a5776?
This desaturated blue pairs effectively with crisp white for high-contrast typography, or with soft cream tones to warm up the interface. For accents, consider pairing it with a muted terracotta to create a sophisticated, balanced palette.
Is #1a5776 readable on white or black?
#1a5776 has a 7.86:1 contrast ratio on white and 2.66: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 is too faint for text. Try other pairs in the contrast checker.