#1C3F50 Hex Color

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

Hex color #1c3f50 graphic
#1c3f50 is a moody, desaturated navy with heavy gray undertones. This professional shade lacks intensity, making it an excellent base for corporate branding or interface backgrounds where you need to project authority without shouting. It offers strong accessibility for white text at a high contrast ratio. Pair it with soft cream or muted mustard to keep the look balanced and modern.

Questions about #1c3f50

What is #1c3f50 in RGB, HSL and CMYK?
In RGB, #1c3f50 is rgb(28, 63, 80), in HSL hsl(200, 48%, 21%) and in CMYK 65%, 21%, 0%, 69%.
What colors pair well with #1c3f50 for a balanced design?
#1c3f50 pairs beautifully with cream or mustard to offset its heavy gray undertones and desaturated personality. These warm, lighter accents create a balanced visual contrast that keeps the moody navy looking modern rather than flat or overly severe.
Is #1c3f50 a good choice for text-heavy interfaces?
#1c3f50 provides excellent accessibility and readability when paired with white or very light text, making it a strong choice for primary UI elements. Its desaturated nature reduces eye strain compared to pure, high-intensity navy, ensuring long-term comfort for users.
Is #1c3f50 readable on white or black?
#1c3f50 has a 11.19:1 contrast ratio on white and 1.87: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.