#315161 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, heavily muted blue, #315161 sits close to the shades you get when mixing gray into navy. That low saturation gives it a calm, serious feel, so it works best as a supporting tone or dark UI background rather than a hero color. White text reaches about 8.5:1 contrast against it, well past AA. Pair it with warm accents like terracotta to keep it from going flat.
Questions about #315161
What is #315161 in RGB, HSL and CMYK?
In RGB, #315161 is rgb(49, 81, 97), in HSL hsl(200, 33%, 29%) and in CMYK 49%, 16%, 0%, 62%.
What colors pair well with #315161?
Warm accents like terracotta, dusty coral, and soft gold give #315161 the most life, since its low saturation needs some warmth to avoid looking flat. Cool grays and pale blues also work, but they keep the mood subdued.
Is #315161 readable on white or black?
#315161 has a 8.46:1 contrast ratio on white and 2.48: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.