#314E64 Hex Color

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

Frequently Asked Questions

What colors pair well with #314e64?
#314e64 pairs well with warm burgundy, muted terracotta, and soft cream because those warmer tones offset its cool, gray-blue base without making the palette feel bright or busy. Use burgundy for restrained emphasis and cream for clearer contrast.
Is #314e64 accessible for text?
#314e64 provides about an 8.7:1 contrast ratio with white, so white text meets WCAG AA for normal body text and works well for readable interface content, labels, and controls at typical sizes. Check larger text and UI states separately when changing the foreground color.
Where does Outer Space work best in a design?
Outer Space works best as a dominant dark background or dependable supporting tone in security, finance, technology, healthcare, and corporate interfaces where its low saturation adds authority without demanding attention. Pair it with lighter text and restrained warm accents to prevent a gloomy result.