#314A6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and grounded. Because #314a6c is desaturated and dark, it functions best as a stable base color or a background in serious corporate design. It offers excellent contrast for white text, making it highly readable for UI elements. Pair this cool, somber hue with warm accents like ochre or terracotta to prevent it from feeling too gloomy.
Questions about #314a6c
What is #314a6c in RGB, HSL and CMYK?
In RGB, #314a6c is rgb(49, 74, 108), in HSL hsl(215, 38%, 31%) and in CMYK 55%, 31%, 0%, 58%.
What colors pair best with #314a6c?
Warm earth tones like terracotta or soft ochre create a balanced contrast against the coolness of #314a6c. These pairings prevent the deep, dusty blue from appearing too sterile or gloomy in professional branding projects.
Is #314a6c readable on white or black?
#314a6c has a 9.02: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.