#2F4C7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2f4c7c is a muted, desaturated navy that offers a grounded alternative to standard royal blue. Its dusty undertones provide a professional, stable quality ideal for corporate branding or clean UI backgrounds. Because it is sufficiently dark, white text offers excellent legibility on this hex code, making it a reliable choice for button states or text-heavy headers in moody, restrained design palettes.
Questions about #2f4c7c
What is #2f4c7c in RGB, HSL and CMYK?
In RGB, #2f4c7c is rgb(47, 76, 124), in HSL hsl(217, 45%, 34%) and in CMYK 62%, 39%, 0%, 51%.
What is the best way to use #2f4c7c in UI design?
The #2f4c7c hex color works best as a primary action color or a background anchor because of its inherent stability. It provides excellent contrast for white typography and keeps interfaces looking professional, clean, and restrained without feeling overly vibrant or overwhelming to the eye.
Does #2f4c7c lean warm or cool?
This color leans definitively cool, carrying a muted, slate-like undertone that places it firmly in the blue spectrum. It avoids the harsh brightness of royal blue, making it easier to integrate into corporate identities or design systems that require a grounded, trustworthy presence.
Is #2f4c7c readable on white or black?
#2f4c7c has a 8.58:1 contrast ratio on white and 2.44: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.