#333366 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, inky indigo provides a serious, grounded base for moody interfaces. Because it is highly unsaturated, #333366 works better as a background than as a small accent. It offers excellent readability with white text, which is ideal for formal or corporate UI designs. If you are curious about what colors make purple, this hex code shows how desaturation shifts the perception of standard indigo.
Questions about #333366
What is #333366 in RGB, HSL and CMYK?
In RGB, #333366 is rgb(51, 51, 102), in HSL hsl(240, 33%, 30%) and in CMYK 50%, 50%, 0%, 60%.
Is #333366 a good choice for text-heavy interfaces?
#333366 functions exceptionally well as a dark, moody background color when paired with high-contrast white text. Its low saturation keeps the design professional and grounded, ensuring that legibility remains a priority for users reading large blocks of information.
What colors pair well with #333366 for a palette?
This deep indigo pairs best with lighter, cool neutrals or muted pastels to maintain a balanced look. Try combining it with a soft silver or a warm cream to prevent the overall interface from becoming too dark or overwhelming.
Is #333366 readable on white or black?
#333366 has a 11.62:1 contrast ratio on white and 1.80: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.