#316D82 Hex Color

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

Hex color #316d82 graphic
#316d82 is a muted, cool cyan with ashy blue-gray undertones and moderate darkness. Its dusty finish suggests trust, clear communication, and thoughtful technology rather than high energy. Use this hex code as a supporting color in aerospace, productivity, or children’s branding, pairing it with warm ivory or coral. White text achieves about 5.8:1 contrast for accessible body copy.

Questions about #316d82

What is #316d82 in RGB, HSL and CMYK?
In RGB, #316d82 is rgb(49, 109, 130), in HSL hsl(196, 45%, 35%) and in CMYK 62%, 16%, 0%, 49%.
What colors pair well with #316d82?
Warm ivory and soft coral pair well with #316d82, balancing its cool, dusty blue-cyan character with gentle warmth without overpowering its calm, communication-focused mood. Use ivory for spacious backgrounds and coral for small accents or calls to action.
Is #316d82 warm or cool?
#316d82 reads as a cool, muted cyan because its blue-gray undertones temper the color’s cyan base, giving it a dusty, steady appearance rather than a bright or energetic one in most interfaces.
Is #316d82 readable on white or black?
#316d82 has a 5.76:1 contrast ratio on white and 3.64: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.