#0A5F81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark blue feels serious and grounded, making it ideal for professional or financial web interfaces. It avoids being overly bright, which helps keep designs feeling controlled and reliable. The hex code #0a5f81 offers enough contrast for white text to remain readable at 7.1:1 ratios. Pair it with soft cream or light gray accents to prevent the look from becoming too gloomy.
Questions about #0a5f81
What is #0a5f81 in RGB, HSL and CMYK?
In RGB, #0a5f81 is rgb(10, 95, 129), in HSL hsl(197, 86%, 27%) and in CMYK 92%, 26%, 0%, 49%.
Why is #0a5f81 effective for financial web interfaces?
This deep blue conveys stability and authority, which are key for financial services and professional software. Its low-key saturation creates a serious, trustworthy atmosphere without overwhelming the user, helping maintain focus on complex data visualizations or dashboard metrics.
What accent colors work best with #0a5f81?
Pair #0a5f81 with soft, neutral tones like cream or light grays to balance its intensity. Using clean text ensures the readability ratios meet accessibility standards, effectively grounding the design while keeping the overall layout looking clear, organized, and intentional.
Is #0a5f81 readable on white or black?
#0a5f81 has a 7.07:1 contrast ratio on white and 2.96: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.