#5B5368 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b5368 is a muted, dusty violet that sits firmly in the shadow range. Because it is highly desaturated, it provides a grounded, understated base for UI designs. This hex code pairs well with cream or pale sage to soften its serious tone. It is accessible enough to hold white text comfortably, making it a reliable choice for dark mode layouts.
Questions about #5b5368
What is #5b5368 in RGB, HSL and CMYK?
In RGB, #5b5368 is rgb(91, 83, 104), in HSL hsl(263, 11%, 37%) and in CMYK 12%, 20%, 0%, 59%.
How does #5b5368 perform in user interface design?
#5b5368 functions well as a dark mode background because it provides enough depth to keep white text readable while avoiding the harshness of pure black. Its desaturated quality allows it to recede visually, making it a reliable, professional choice for modern web layouts.
What color palettes complement the dusty violet of #5b5368?
To balance the serious nature of #5b5368, pair it with soft, warm neutrals like cream or earthy tones such as pale sage. These combinations introduce contrast and softness, preventing the deep violet from feeling too heavy or claustrophobic in your digital design.
Is #5b5368 readable on white or black?
#5b5368 has a 7.28:1 contrast ratio on white and 2.88: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.