#243040 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #243040 graphic
This desaturated, ink-blue shade carries a heavy, serious weight suitable for corporate and tech-focused interfaces. Because #243040 is so dark and muted, it functions best as a dominant base or a subtle background rather than an accent. It provides excellent contrast for white text, ensuring readability in dark mode layouts. Pair it with soft, warm metallics to prevent the overall design from feeling too bleak or cold.

Questions about #243040

What is #243040 in RGB, HSL and CMYK?
In RGB, #243040 is rgb(36, 48, 64), in HSL hsl(214, 28%, 20%) and in CMYK 44%, 25%, 0%, 75%.
What colors pair well with #243040 for a balanced design?
Pair #243040 with warm metallics or soft neutrals to prevent the dark, ink-blue tone from appearing too bleak. Using sharp accents like mustard or copper creates a sophisticated contrast that adds necessary warmth to serious, tech-focused layouts.
Does #243040 work well as a primary interface color?
This shade works effectively as a dominant base or a subtle background rather than an accent color. Its dark, desaturated nature ensures that white or light-colored text remains highly readable, making it a reliable choice for modern dark mode UI design.
Is #243040 readable on white or black?
#243040 has a 13.36:1 contrast ratio on white and 1.57: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.