#3E3354 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet carries a serious and somber weight. Because #3e3354 is highly desaturated, it excels as a grounding base for dark mode interfaces rather than a bright accent. It pairs unexpectedly well with soft sage greens or warm, desaturated gold. Keep your text white for optimal readability, as this dark hex code provides excellent contrast against light-colored typography.
Questions about #3e3354
What is #3e3354 in RGB, HSL and CMYK?
In RGB, #3e3354 is rgb(62, 51, 84), in HSL hsl(260, 24%, 26%) and in CMYK 26%, 39%, 0%, 67%.
What is the best way to use #3e3354 in web design?
Use #3e3354 as a grounding background for dark mode user interfaces. Its high desaturation allows for excellent readability when paired with white or very light text, creating a sophisticated and serious visual hierarchy without the harshness of a pure black background.
Which color combinations work well with #3e3354?
This hex color pairs unexpectedly well with soft, desaturated sage greens or warm, muted gold tones. These earthy accents brighten the somber violet, providing necessary contrast and visual interest while maintaining the overall serious and muted aesthetic of the color palette.
Is #3e3354 readable on white or black?
#3e3354 has a 11.62:1 contrast ratio on white and 1.80: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.