#2F4560 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated navy feels serious and grounded. With a hex code of #2f4560, it functions best as a background for professional tech or finance interfaces. Because it is dark, pair it with clean white text for high readability. The contrast creates a sharp, authoritative look, though it requires lighter accents to break up the bleak, heavy mood.
Questions about #2f4560
What is #2f4560 in RGB, HSL and CMYK?
In RGB, #2f4560 is rgb(47, 69, 96), in HSL hsl(213, 34%, 28%) and in CMYK 51%, 28%, 0%, 62%.
What design styles benefit most from #2f4560?
The serious, desaturated nature of #2f4560 makes it an ideal anchor for corporate tech, finance apps, or professional dashboards. It provides a grounded, authoritative foundation that reads cleanly when contrasted against bright white typography or light UI elements.
How can I effectively use #2f4560 in a color scheme?
Since #2f4560 is quite dark and heavy, balance it by incorporating lighter, neutral accents to prevent the design from feeling bleak. It works exceptionally well when paired with a crisp off-white or a soft slate to maintain readability and professional polish.
Is #2f4560 readable on white or black?
#2f4560 has a 9.80:1 contrast ratio on white and 2.14: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.