#5E3775 Hex Color

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

Hex color #5e3775 graphic
This dusty, unsaturated violet leans into a moody aesthetic that works well for dark UI themes. Because of its muted intensity, #5e3775 reads as a sophisticated background rather than a loud accent. Pair it with crisp white text to ensure readability, as this combination provides high contrast. It functions best as a base tone for structured, serious designs that need a sense of understated depth.

Questions about #5e3775

What is #5e3775 in RGB, HSL and CMYK?
In RGB, #5e3775 is rgb(94, 55, 117), in HSL hsl(278, 36%, 34%) and in CMYK 20%, 53%, 0%, 54%.
How can I effectively use #5e3775 in interface design?
#5e3775 works best as a primary background color for moody, professional user interfaces because its muted intensity prevents it from overwhelming other elements. Pair it with crisp white or light gray text to ensure the high contrast needed for good readability.
Does #5e3775 lean warm or cool?
#5e3775 is a cool-toned violet that carries a slightly desaturated, dusty quality. Because it lacks intense vibrancy, it feels grounded and serious rather than playful, making it a reliable choice for designs that need to convey understated, quiet authority.
Is #5e3775 readable on white or black?
#5e3775 has a 9.21:1 contrast ratio on white and 2.27: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.