#2A3942 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2a3942 is a muted, ashy slate that feels grounded and serious. Because of its dark, dusty tone, it functions best as a base for dark mode interfaces. White text sits comfortably on this color with an 11.9:1 contrast ratio, ensuring excellent readability. Use this hex code to anchor professional designs, pairing it with soft creams to prevent the palette from feeling too cold or washed out.
Questions about #2a3942
What is #2a3942 in RGB, HSL and CMYK?
In RGB, #2a3942 is rgb(42, 57, 66), in HSL hsl(203, 22%, 21%) and in CMYK 36%, 14%, 0%, 74%.
How should #2a3942 be used in web interface design?
Use #2a3942 as a sophisticated base for dark mode interfaces because its deep, ashy quality reduces eye strain. It holds white text effectively with an 11.9:1 contrast ratio, ensuring professional accessibility without appearing overly harsh or cold.
Which colors best complement #2a3942 for a balanced palette?
Soft creams and warm neutrals pair best with #2a3942 to prevent the design from feeling too cold or washed out. These warmer tones provide a gentle contrast that lifts the density of this grounded slate, creating a refined, balanced aesthetic.
Is #2a3942 readable on white or black?
#2a3942 has a 11.91:1 contrast ratio on white and 1.76: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.