#2A3D55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue carries a serious weight that grounds moody interfaces. Because it is highly desaturated, #2a3d55 avoids looking cartoonish and instead provides a professional, stable foundation for tech or financial branding. It performs best as a dominant UI background since white text reads clearly against its dark surface. Pair it with soft cream or muted gold to break up its stark, cool composure.
Questions about #2a3d55
What is #2a3d55 in RGB, HSL and CMYK?
In RGB, #2a3d55 is rgb(42, 61, 85), in HSL hsl(213, 34%, 25%) and in CMYK 51%, 28%, 0%, 67%.
What colors pair best with #2a3d55?
Soft, warm tones like cream or muted gold work best to balance the cool, inky weight of #2a3d55. Because this blue is so desaturated and serious, using warmer, lighter accent colors provides a necessary contrast to prevent the design from feeling too heavy or cold.
Is #2a3d55 a good choice for text backgrounds?
Yes, #2a3d55 performs exceptionally well as a dominant UI background because it is dark enough to maintain high readability when paired with white or very light text. Its stable, professional character makes it a strong foundation for financial or tech-focused interface designs.
Is #2a3d55 readable on white or black?
#2a3d55 has a 11.06:1 contrast ratio on white and 1.89: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.