#2F5F6D Hex Color

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

Hex color #2f5f6d graphic
A dusty, unsaturated cyan, #2f5f6d leans into a gloomy, moody aesthetic. This dark tone functions best as a professional UI background or for branding requiring seriousness. The hex code is #2f5f6d. Since it is heavily muted, studying how to make gray helps designers balance its cool undertones. It offers high readability with white text, making it a reliable choice for dark mode layouts.

Questions about #2f5f6d

What is #2f5f6d in RGB, HSL and CMYK?
In RGB, #2f5f6d is rgb(47, 95, 109), in HSL hsl(194, 40%, 31%) and in CMYK 57%, 13%, 0%, 57%.
Is #2f5f6d suitable for use as a background color?
#2f5f6d works best as a background color, especially in dark mode interfaces. Because it is a deep, unsaturated tone, white or very light text provides the necessary contrast to maintain readability for professional digital design projects.
What colors pair effectively with #2f5f6d?
This dusty cyan pairs naturally with neutral tones like charcoal or soft off-white to maintain a professional balance. For a subtle contrast, consider using earthy terracottas or warm beige accents to soften its inherently cool and serious appearance.
Is #2f5f6d readable on white or black?
#2f5f6d has a 7.05:1 contrast ratio on white and 2.97: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.