#2E2F3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, ink-toned indigo feels serious and muted, carrying a dusty quality that grounds dark-mode UI designs. Because #2e2f3d is so desaturated, it provides a stable, gloomy backdrop without overwhelming the eye. It reads best as a 60% base for interfaces rather than a primary accent. White text is highly legible against this hex code, offering strong contrast for body copy or functional navigation elements.
Questions about #2e2f3d
What is #2e2f3d in RGB, HSL and CMYK?
In RGB, #2e2f3d is rgb(46, 47, 61), in HSL hsl(236, 14%, 21%) and in CMYK 25%, 23%, 0%, 76%.
Where should I use #2e2f3d in a design system?
#2e2f3d performs best as a 60% base color for dark-mode interfaces rather than a primary accent. It creates a stable, non-distracting background that allows high-contrast text and bright UI elements to stand out effectively.
What colors pair well with #2e2f3d?
Pair #2e2f3d with crisp whites or very light grays to ensure high legibility for body copy. For accent colors, it works well alongside muted ochres or soft teals if you want to maintain its serious, professional atmosphere.
Is #2e2f3d readable on white or black?
#2e2f3d has a 13.20:1 contrast ratio on white and 1.59: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.