#1C4C74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1c4c74 is a grounded, desaturated navy that feels serious and professional. It works well as a primary background, providing a stable foundation without being aggressive. Because white text offers a 9.0:1 contrast ratio, it remains highly readable for clean UI design. Pair it with pale, warm neutrals rather than stark white to avoid a clinical look. This hex code balances authority with excellent accessibility.
Questions about #1c4c74
What is #1c4c74 in RGB, HSL and CMYK?
In RGB, #1c4c74 is rgb(28, 76, 116), in HSL hsl(207, 61%, 28%) and in CMYK 76%, 34%, 0%, 55%. Browse more shades of blue with names and hex codes.
What colors pair well with #1c4c74?
This navy functions best when paired with pale, warm neutrals that soften its clinical edge. Avoid stark whites, which can feel harsh, and opt instead for warm creams or soft greiges to create a balanced, inviting interface.
Is #1c4c74 suitable for text-heavy interfaces?
#1c4c74 is excellent for high-readability designs, offering a 9.0:1 contrast ratio against white text. It provides a serious, stable foundation that reduces eye strain compared to brighter, more saturated blue tones used in digital layouts.
Is #1c4c74 readable on white or black?
#1c4c74 has a 8.99:1 contrast ratio on white and 2.33: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.