#1A5E85 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dark blue carries a weight that feels both professional and grounded. Because of its muted chroma, #1a5e85 works best as a primary background color for corporate UI designs or financial apps. White text remains perfectly legible against it, meeting accessibility standards for small body copy. Pair it with soft cream or light gray accents to prevent the palette from feeling too gloomy.
Questions about #1a5e85
What is #1a5e85 in RGB, HSL and CMYK?
In RGB, #1a5e85 is rgb(26, 94, 133), in HSL hsl(202, 67%, 31%) and in CMYK 80%, 29%, 0%, 48%. Browse more shades of blue with names and hex codes.
What colors pair well with #1a5e85 for UI design?
Soft creams and light grays are the best companions for #1a5e85, as they balance the blue's intensity without fighting for attention. Using a crisp off-white for text ensures the contrast remains legible while keeping the overall palette sophisticated and clean.
Is #1a5e85 readable on white or black?
#1a5e85 has a 7.03:1 contrast ratio on white and 2.98: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.