#314B64 Hex Color

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

Hex color #314b64 graphic
Think of a storm-heavy sea or worn denim. #314b64 is a muted navy with dusty gray undertones, cool and dark but never vivid. The hex code #314b64 works best as a dominant base in dark UI, dashboards, or formal layouts, where white text hits about 9.0:1 contrast. Pair it with burgundy or brass to keep it from turning flat.

Questions about #314b64

What is #314b64 in RGB, HSL and CMYK?
In RGB, #314b64 is rgb(49, 75, 100), in HSL hsl(209, 34%, 29%) and in CMYK 51%, 25%, 0%, 61%. Browse more shades of blue with names and hex codes.
What colors pair well with #314b64?
Warm accents like burgundy or brass balance the cool temperature of #314b64, while muted sage keeps the palette subdued. Skip bright oranges, which compete with its low saturation.
Is #314b64 readable on white or black?
#314b64 has a 9.04:1 contrast ratio on white and 2.32: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.