#333866 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated indigo, #333866 carries a serious, ink-like weight. It serves best as a moody background color for tech or professional branding where pure black feels too aggressive. Because it offers high contrast with white text, it remains readable even in dark-mode interfaces. For other similar purple shades, pair this hex code with soft grays or creams to keep the design balanced.
Questions about #333866
What is #333866 in RGB, HSL and CMYK?
In RGB, #333866 is rgb(51, 56, 102), in HSL hsl(234, 33%, 30%) and in CMYK 50%, 45%, 0%, 60%.
How does #333866 perform in UI design?
#333866 functions as an excellent dark background alternative that feels less harsh than pure black. It maintains high contrast with white text, making it a reliable choice for professional dashboard interfaces and modern, moody branding applications.
What colors pair well with #333866?
You should pair #333866 with soft neutrals like cream or light grays to balance its intense, dusty depth. For a more sophisticated look, accent it with muted metallic tones or a crisp, cool off-white to keep your design feeling clean.
Is #333866 readable on white or black?
#333866 has a 11.06:1 contrast ratio on white and 1.89: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.