#212A35 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue carries a heavy, serious weight that functions best as a dark background color. Because it is so dim, it offers strong readability for white text, creating a reliable foundation for modern tech or finance interfaces. Use #212a35 as your primary dark base to ground high-contrast accents, as its desaturated, dusty undertones keep busy layouts from feeling chaotic.
Questions about #212a35
What is #212a35 in RGB, HSL and CMYK?
In RGB, #212a35 is rgb(33, 42, 53), in HSL hsl(213, 23%, 17%) and in CMYK 38%, 21%, 0%, 79%.
How does #212a35 perform as a background for text?
Because #212a35 is a very dark, desaturated blue, it offers excellent readability for white or light-gray typography in dark mode interfaces. It minimizes eye strain compared to pure black backgrounds, making it a superior choice for fintech or professional dashboard applications.
What colors pair well with #212a35?
This color acts as a neutral base, pairing effectively with soft, muted tones like sage or dusty rose to create a calm atmosphere. For high-contrast accents, it works remarkably well with bright, saturated colors like electric yellow or bright orange.
Is #212a35 readable on white or black?
#212a35 has a 14.51:1 contrast ratio on white and 1.44: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.