#315D78 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #315d78 graphic
This dusty, unsaturated blue carries a serious and dim character. It works well as a grounding background for finance or tech dashboards because it looks professional without feeling overly bright. With a high 7.1:1 contrast ratio against white, text remains readable on this hex code. Designers often pair it with warm creams to balance the cool, moody tone.

Questions about #315d78

What is #315d78 in RGB, HSL and CMYK?
In RGB, #315d78 is rgb(49, 93, 120), in HSL hsl(203, 42%, 33%) and in CMYK 59%, 22%, 0%, 53%.
What colors pair best with #315d78?
Pair #315d78 with warm, creamy off-whites or soft sand tones to balance its cool, dim character. Avoid pairing it with high-saturation neons, as these can clash with the muted, serious personality of this specific shade.
Is #315d78 readable on white or black?
#315d78 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.