#212D99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, cool blue carries a heavy and professional weight. Because of its intense saturation, #212d99 functions best as a bold, anchoring base rather than a subtle accent. It creates high-contrast readability against white text, making it a reliable choice for UI backgrounds or corporate branding. Use it sparingly to avoid overwhelming your layout, as the deep tone can absorb smaller design elements.
Questions about #212d99
What is #212d99 in RGB, HSL and CMYK?
In RGB, #212d99 is rgb(33, 45, 153), in HSL hsl(234, 65%, 36%) and in CMYK 78%, 71%, 0%, 40%.
How should I use #212d99 in web design?
Use #212d99 primarily as a background or solid footer element to create a strong, professional foundation. Because it is highly saturated, it works best when balanced against generous white space or paired with crisp typography to ensure maximum legibility for users.
What colors pair well with #212d99?
Is #212d99 readable on white or black?
#212d99 has a 11.05:1 contrast ratio on white and 1.90: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.