#214F80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#214f80 is a dark, muted blue with a cool, slightly gray undertone. Its low saturation creates a serious, dependable mood for finance, technology, government, and security branding. Use it as a dominant background or supporting tone with white text, which provides about 8.4:1 contrast and meets WCAG AA for body text. The hex code is #214f80.
Questions about #214f80
What is #214f80 in RGB, HSL and CMYK?
In RGB, #214f80 is rgb(33, 79, 128), in HSL hsl(211, 59%, 32%) and in CMYK 74%, 38%, 0%, 50%. Browse more shades of blue with names and hex codes.
What colors pair well with #214f80?
#214f80 pairs well with white, pale blue, soft gray, and warm neutrals, while a muted terracotta accent adds warmth without overwhelming its restrained blue foundation in balanced brand and interface palettes.
Is #214f80 a warm or cool color?
#214f80 reads as a cool blue because its low-saturation base leans slightly gray rather than green or violet, giving it a calm, serious character suited to interfaces, institutional layouts, and dependable brand palettes.
Where does #214f80 work best in a design?
Use #214f80 for dominant backgrounds, navigation, buttons, or supporting brand elements when you want a serious, dependable tone; pair it with white text and reserve brighter accents for calls to action.
Is #214f80 readable on white or black?
#214f80 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.