#333652 Hex Color

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

Hex color #333652 graphic
This ashy, unsaturated indigo carries a heavy and serious tone suited for dark mode interfaces. The hex code for this color is #333652. It offers an 11.7:1 contrast ratio with white text, ensuring high legibility for small body copy. Use this color as a dominant base for moody brand palettes, but pair it with warm neutrals to prevent the design from feeling overly cold or closed in.

Questions about #333652

What is #333652 in RGB, HSL and CMYK?
In RGB, #333652 is rgb(51, 54, 82), in HSL hsl(234, 23%, 26%) and in CMYK 38%, 34%, 0%, 68%.
What colors pair well with #333652?
Warm neutrals are the best choice to balance the cool, ashy nature of #333652 and prevent it from appearing too sterile or closed in. Try pairing it with cream or sand for a soft, sophisticated contrast in your interface design.
Is #333652 suitable for dark mode interfaces?
It offers an 11.7:1 contrast ratio against white text, which significantly exceeds accessibility standards for readability. This heavy, unsaturated tone provides a grounding, professional backdrop that reduces eye strain while maintaining a clean, high-contrast look for small text and UI elements.
Is #333652 readable on white or black?
#333652 has a 11.73:1 contrast ratio on white and 1.79: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.