#2F576C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue functions as a solid base for serious professional projects. Because #2f576c has a dim, quiet personality, it works well in dark mode UI or moody, atmospheric brand palettes. It provides excellent readability when paired with white text, offering strong contrast for fine details. Use this hex code when you need a color that feels controlled and reliable rather than energetic.
Questions about #2f576c
What is #2f576c in RGB, HSL and CMYK?
In RGB, #2f576c is rgb(47, 87, 108), in HSL hsl(201, 39%, 30%) and in CMYK 56%, 19%, 0%, 58%.
How does #2f576c perform in user interface design?
#2f576c serves as a stable, high-contrast base for text-heavy interfaces when paired with white or off-white elements. Because it is desaturated and dim, it reduces eye strain significantly compared to brighter, more saturated blue tones in long-term reading environments.
What colors pair well with #2f576c?
Is #2f576c readable on white or black?
#2f576c has a 7.77:1 contrast ratio on white and 2.70: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.