#2F5461 Hex Color

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

Hex color #2f5461 graphic
#2f5461 is a dusty, desaturated cyan that feels grounded and serious. Because this dark tone offers an 8.2:1 contrast ratio against white text, it serves as a reliable background for UI designs where readability is the priority. Pair it with soft cream tones to balance the weight. The hex code for this muted shade is #2f5461.

Questions about #2f5461

What is #2f5461 in RGB, HSL and CMYK?
In RGB, #2f5461 is rgb(47, 84, 97), in HSL hsl(196, 35%, 28%) and in CMYK 52%, 13%, 0%, 62%.
Which colors pair well with #2f5461?
Use soft, warm neutrals to offset the cool, serious nature of #2f5461. It pairs exceptionally well with cream or sand tones, which prevent the layout from feeling too cold or sterile while maintaining a professional balance.
Is #2f5461 a good choice for UI backgrounds?
This color functions as a stable, high-contrast background choice because it offers an 8.2:1 ratio against white text. It remains legible and comfortable for long-form reading, making it a reliable selection for modern dashboard or application interfaces.
Is #2f5461 readable on white or black?
#2f5461 has a 8.19:1 contrast ratio on white and 2.56: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.