#316270 Hex Color

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

Hex color #316270 graphic
This dusty cyan is heavily muted with gray undertones, resulting in a dim and moody appearance. Because of its dark, cooled-down character, #316270 works best as a supporting tone in technical or aerospace UI designs rather than a primary background. It offers excellent contrast for white text, making it a reliable choice for readable, professional layouts.

Questions about #316270

What is #316270 in RGB, HSL and CMYK?
In RGB, #316270 is rgb(49, 98, 112), in HSL hsl(193, 39%, 32%) and in CMYK 56%, 13%, 0%, 56%.
What design context works best for #316270?
#316270 functions best as a secondary or supporting tone in technical and aerospace-inspired user interfaces. Its dark, cooled-down character provides a professional anchor for complex layouts without overwhelming the user or competing with primary interactive elements.
Is #316270 readable on white or black?
#316270 has a 6.74:1 contrast ratio on white and 3.11: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.