#1A77B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This steady blue provides a secure foundation for corporate identities and financial UI designs. Because it sits at a moderate level of saturation, #1a77b9 avoids feeling neon or childish, maintaining a professional presence. It works best as a primary interface color, as it offers enough contrast for white text to remain readable. Try pairing this hex code with soft grays to ground its cool, reliable energy.
Questions about #1a77b9
What is #1a77b9 in RGB, HSL and CMYK?
In RGB, #1a77b9 is rgb(26, 119, 185), in HSL hsl(205, 75%, 41%) and in CMYK 86%, 36%, 0%, 27%. Browse more shades of blue with names and hex codes.
How should I use #1a77b9 in a web interface?
#1a77b9 serves best as a primary action button or a clean link color because its moderate saturation provides enough contrast against white backgrounds. Pair it with neutral grays or charcoal text to maintain a professional, high-readability layout.
Does #1a77b9 read as warm or cool?
#1a77b9 is firmly rooted in the cool end of the spectrum, offering a crisp and composed energy. It lacks the aggressive intensity of pure cyan, which makes it feel grounded, trustworthy, and suitable for long-term engagement.
Is #1a77b9 readable on white or black?
#1a77b9 has a 4.79:1 contrast ratio on white and 4.38: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.