#316B88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#316b88 is a cool, dusty blue with gray undertones and restrained saturation. Its medium-dark value feels steady and controlled, supporting trust, reliability, and security in professional interfaces. Use it as a dominant brand color for finance, technology, healthcare, or government, pairing it with warm off-white or muted copper. As a hex code, #316b88 supports white body text at about 5.9:1 contrast.
Questions about #316b88
What is #316b88 in RGB, HSL and CMYK?
In RGB, #316b88 is rgb(49, 107, 136), in HSL hsl(200, 47%, 36%) and in CMYK 64%, 21%, 0%, 47%.
What colors pair well with #316b88?
The best pairings for #316b88 include warm off-white, muted copper, and charcoal, which balance its cool, dusty blue character without making the palette feel harsh. Use copper sparingly for buttons, highlights, or data accents.
Is #316b88 readable on white or black?
#316b88 has a 5.85:1 contrast ratio on white and 3.58: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.