#334990 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and slightly muted, #334990 is a cool blue with a deep, shaded finish and a faint violet undertone. Its serious, reliable mood suits finance, security, technology, government, and healthcare interfaces. Use it as a dominant UI background or strong contrast color, with white text reading clearly at about 8.4:1. The hex code is #334990.
Questions about #334990
What is #334990 in RGB, HSL and CMYK?
In RGB, #334990 is rgb(51, 73, 144), in HSL hsl(226, 48%, 38%) and in CMYK 65%, 49%, 0%, 44%.
What colors pair well with #334990 in a design palette?
#334990 pairs with warm off-white, muted pink, and clay accents, which soften its cool, shaded blue while preserving a serious, dependable feel and adding warmth without making the palette look bright or playful. Use warmer notes for highlights and supporting surfaces.
Where does #334990 work best in a visual system?
#334990 works best as a dominant background or supporting brand tone in finance, security, technology, government, and healthcare design, where its low lightness and moderate saturation create authority without the harshness of pure black. It suits large interface areas and strong headings.
Is #334990 readable on white or black?
#334990 has a 8.41:1 contrast ratio on white and 2.49: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.