#2C334D Hex Color

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

Hex color #2c334d graphic
#2c334d is a dusty, unsaturated indigo that functions as a sophisticated neutral. Because it lacks intensity, it serves better as a primary background than as a small accent. Pair it with soft creams or warm metallic golds to balance its inherent gloom. This hex code provides excellent contrast for white text, making it a reliable choice for readable, dark-mode UI designs.

Questions about #2c334d

What is #2c334d in RGB, HSL and CMYK?
In RGB, #2c334d is rgb(44, 51, 77), in HSL hsl(227, 27%, 24%) and in CMYK 43%, 34%, 0%, 70%.
What colors pair well with #2c334d?
This dusty indigo pairs beautifully with creams or warm metallics to offset its inherent gloom. Because it is highly unsaturated, it provides a stable foundation for more vibrant, saturated accent colors without competing for visual attention.
Why is #2c334d effective for dark-mode UI?
Its lack of intensity makes #2c334d an ideal background choice that reduces eye strain compared to pure black. It offers enough depth to maintain a clear visual hierarchy, ensuring that white or light-colored text remains crisp and highly legible.
Is #2c334d readable on white or black?
#2c334d has a 12.44:1 contrast ratio on white and 1.68: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.