#315F83 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#315f83 is a muted, desaturated blue with a dusty, atmospheric quality. Because it feels restrained and steady, it works well as a grounding background color for professional interfaces or corporate branding. Pair it with soft cream or warm light gray to prevent the cool tones from feeling too flat. The hex code for this dim, serious blue is #315f83.
Questions about #315f83
What is #315f83 in RGB, HSL and CMYK?
In RGB, #315f83 is rgb(49, 95, 131), in HSL hsl(206, 46%, 35%) and in CMYK 63%, 27%, 0%, 49%.
What colors pair best with #315f83?
This muted blue pairs effectively with soft creams or warm light grays to balance its coolness without flattening the visual depth. Using a crisp off-white or warm beige creates a sophisticated, grounded aesthetic suitable for modern corporate branding.
Is #315f83 suitable for text backgrounds?
Yes, #315f83 provides a reliable, low-contrast background that feels serious and restrained in professional applications. Ensure you pair it with high-contrast, light-colored text to maintain readability and meet standard accessibility requirements for all users on your digital platforms.
Is #315f83 readable on white or black?
#315f83 has a 6.78:1 contrast ratio on white and 3.09: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.