#1A689E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and slightly muted, #1a689e is a cool blue with a shaded, low-brightness character. Its restrained saturation gives designs a serious, dependable mood without the starkness of navy. Use the hex code as a dominant UI background or brand base, then add white text, which reaches about a 6.0:1 contrast ratio for readable body copy.
Questions about #1a689e
What is #1a689e in RGB, HSL and CMYK?
In RGB, #1a689e is rgb(26, 104, 158), in HSL hsl(205, 72%, 36%) and in CMYK 84%, 34%, 0%, 38%. Browse more shades of blue with names and hex codes.
What colors pair well with #1a689e?
#1a689e pairs well with warm off-white, muted copper, and pale blue-gray, which soften its cool, serious base without competing with its moderate saturation, making the combination useful in dashboards, financial branding, and security-focused interfaces.
Is #1a689e readable on white or black?
#1a689e has a 5.96:1 contrast ratio on white and 3.51: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.