#1A5B74 Hex Color

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

Hex color #1a5b74 graphic
This muted, desaturated blue leans toward a dark teal, carrying a serious and professional weight. Because of its darkness and low chroma, #1a5b74 functions best as a base for corporate interfaces or moody branding. It pairs well with warm coral accents to offset the coolness. White text remains perfectly legible over this shade, making it a reliable choice for dark mode UI backgrounds.

Questions about #1a5b74

What is #1a5b74 in RGB, HSL and CMYK?
In RGB, #1a5b74 is rgb(26, 91, 116), in HSL hsl(197, 63%, 28%) and in CMYK 78%, 22%, 0%, 55%. Browse more shades of blue with names and hex codes.
Does #1a5b74 work well for user interface text?
While #1a5b74 provides a stable, muted background, it lacks the contrast needed for body text on dark surfaces. It is best utilized as a branding color or navigation element, pairing effectively with crisp white or light gray typography to maintain readability.
What accent colors complement the professional tone of #1a5b74?
This color pairs beautifully with warm, high-energy accents like coral or gold to balance its heavy, desaturated nature. These warm tones cut through the coolness of the teal, adding visual interest without disrupting its serious, corporate aesthetic.
Is #1a5b74 readable on white or black?
#1a5b74 has a 7.52:1 contrast ratio on white and 2.79: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.