#316A8D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool blue feels grounded and secure. The hex code #316a8d is desaturated, helping it avoid the harshness of vivid tones. It works well for corporate interfaces and security-focused platforms. White text stands out clearly against this shade, meeting accessibility standards for body copy. Use it as a dominant base color alongside soft, warm grays to balance the overall temperature of your layout.
Questions about #316a8d
What is #316a8d in RGB, HSL and CMYK?
In RGB, #316a8d is rgb(49, 106, 141), in HSL hsl(203, 48%, 37%) and in CMYK 65%, 25%, 0%, 45%.
Does #316a8d work well for professional interface design?
#316a8d works exceptionally well for corporate and security-focused platforms because it conveys stability without being visually aggressive. Its desaturated nature makes it comfortable for extended reading on screens, especially when paired with clean white text or light neutrals.
What colors pair effectively with #316a8d for a balanced palette?
Is #316a8d readable on white or black?
#316a8d has a 5.87:1 contrast ratio on white and 3.57: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.