#214F7D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated blue sits comfortably between navy and steel. Because it carries a heavy, serious weight, it works best as a dominant background color in professional UI design or corporate branding. Pair it with soft cream or white text to maintain high legibility. If you need to soften its severity, consider what colors make gray to adjust your palette. The hex code is #214f7d.
Questions about #214f7d
What is #214f7d in RGB, HSL and CMYK?
In RGB, #214f7d is rgb(33, 79, 125), in HSL hsl(210, 58%, 31%) and in CMYK 74%, 37%, 0%, 51%. Browse more shades of blue with names and hex codes.
What design style works best with #214f7d?
This heavy, professional blue excels in corporate interface design or tech-focused branding where clarity and trust are paramount. Use it as a solid background with soft cream text to ensure high readability while maintaining a clean, structured appearance on any screen.
How should #214f7d be paired in a color palette?
Because #214f7d carries significant visual weight, pair it with muted neutrals or lighter monochromatic blues to prevent it from feeling overwhelming. Introducing a subtle contrast like warm sage can soften the severity, making the overall design feel more approachable and grounded.
Is #214f7d readable on white or black?
#214f7d has a 8.47:1 contrast ratio on white and 2.47: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.