#313F4F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#313f4f is a dark, muted blue-gray with ashy undertones and a matte, smoky appearance. Its low saturation gives interfaces a serious, controlled feel suited to finance, security, technology, and government branding. Use it as a dominant background with burgundy or warm white accents. White text has about 10.7:1 contrast, making it suitable for body copy. The hex code is #313f4f.
Questions about #313f4f
What is #313f4f in RGB, HSL and CMYK?
In RGB, #313f4f is rgb(49, 63, 79), in HSL hsl(212, 23%, 25%) and in CMYK 38%, 20%, 0%, 69%.
Is #313f4f a warm or cool color?
#313f4f reads as a cool blue-gray because its blue base and ashy undertones sit away from yellow and red, giving it a controlled, smoky feel. Warm white, burgundy, or wood-toned accents can balance that coolness in layouts.
What colors pair well with #313f4f?
#313f4f pairs well with warm white for crisp contrast and burgundy for a restrained accent, while muted terracotta can add warmth without overpowering its smoky blue-gray base in interfaces or brand palettes.
Is #313f4f readable on white or black?
#313f4f has a 10.74:1 contrast ratio on white and 1.95: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.