#1A5E78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty cyan has a cool, serious presence that leans toward moody without feeling completely opaque. Because it is desaturated, #1a5e78 serves best as a supporting tone or a grounded background rather than a loud accent. It pairs well with crisp white text, as the 7.2:1 contrast ratio ensures readability in UI designs where clarity is the priority.
Questions about #1a5e78
What is #1a5e78 in RGB, HSL and CMYK?
In RGB, #1a5e78 is rgb(26, 94, 120), in HSL hsl(197, 64%, 29%) and in CMYK 78%, 22%, 0%, 53%.
What colors pair well with #1a5e78 in a design palette?
#1a5e78 works beautifully with clean, neutral tones like off-white or soft cream to maintain high readability. For a sophisticated accent, try pairing it with a warm terracotta or a muted mustard, as these contrasting hues provide balance to the cool, serious nature of this cyan.
Is #1a5e78 suitable for UI elements or background surfaces?
Yes, #1a5e78 excels as a background surface because it offers a moody, desaturated weight without overwhelming the user interface. It provides a stable base for white or light gray text, ensuring your typography remains accessible and clear across various screen sizes.
Is #1a5e78 readable on white or black?
#1a5e78 has a 7.20:1 contrast ratio on white and 2.91: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.