#322533 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#322533 is an inky, desaturated purple that leans heavily into grey. Its low chroma creates a moody, serious atmosphere perfect for dark mode UI backgrounds. Because it is quite dark, use white text for readability. Avoid pairing this hex code with other dark, muted tones to prevent a muddy look; instead, let it anchor brighter accent colors in your design system.
Questions about #322533
What is #322533 in RGB, HSL and CMYK?
In RGB, #322533 is rgb(50, 37, 51), in HSL hsl(296, 16%, 17%) and in CMYK 2%, 27%, 0%, 80%.
Should I use #322533 for text?
No, #322533 is far too dark for body text and should be reserved exclusively for backgrounds. Always pair this deep shade with white or high-contrast light tones to ensure your interface remains legible and accessible for all users.
How should I pair #322533 in a layout?
Because #322533 is a dark and muted tone, combining it with other similar dark colors will likely cause a muddy, flat appearance. Use it as a solid foundation to anchor bright, saturated accent colors like chartreuse or amber.
Is #322533 readable on white or black?
#322533 has a 14.50:1 contrast ratio on white and 1.44: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.