#354A76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#354a76 is a dark, muted blue with gray undertones and a cool, matte finish. Its restrained depth suggests seriousness, reliability, and control, making it useful for finance, technology, government, and formal branding. Use the hex code #354a76 as a dominant interface background or supporting tone; white text achieves about an 8.8:1 contrast ratio.
Questions about #354a76
What is #354a76 in RGB, HSL and CMYK?
In RGB, #354a76 is rgb(53, 74, 118), in HSL hsl(221, 38%, 34%) and in CMYK 55%, 37%, 0%, 54%.
What colors pair well with #354a76?
#354a76 pairs well with white, off-white, muted gold, and terracotta accents because those choices warm its cool blue base while preserving its restrained, professional character in interfaces and formal branding. Use lighter neutrals for clean layouts and warmer accents for emphasis.
Does #354a76 look warm or cool?
#354a76 reads as a cool, muted blue because its blue base and gray undertones suppress warmth, while restrained saturation keeps it measured rather than vivid, giving formal interfaces a controlled, dependable mood. It can feel more approachable when paired with warmer accent colors.
Can #354a76 be used with white text?
#354a76 delivers about an 8.8:1 contrast ratio with white text, comfortably exceeding WCAG AA thresholds for normal and large text and making it a strong, readable background choice for accessible interfaces. Recheck the final foreground, font size, and weight in your completed design.
Is #354a76 readable on white or black?
#354a76 has a 8.77:1 contrast ratio on white and 2.39: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.