#3333B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool indigo feels authoritative and moody. It works effectively as a dark mode background because white text maintains a strong 9.2:1 contrast ratio against it. Avoid pairing this color with stark white to prevent a jarring appearance; instead, use soft creams or grays for better balance. The hex code for this bold shade is #3333b5.
Questions about #3333b5
What is #3333b5 in RGB, HSL and CMYK?
In RGB, #3333b5 is rgb(51, 51, 181), in HSL hsl(240, 56%, 45%) and in CMYK 72%, 72%, 0%, 29%.
Does #3333b5 work well for dark mode interfaces?
#3333b5 serves as an excellent dark mode background because it provides a strong 9.2:1 contrast ratio against white text. This makes it highly readable for long-form content or interface elements while feeling more grounded than a standard black background.
What colors pair well with #3333b5?
Avoid pairing #3333b5 directly with stark white to prevent a jarring visual effect. Instead, use soft creams, light grays, or desaturated neutrals to create a balanced palette that allows the deep indigo to remain authoritative without overpowering the design.
Is #3333b5 readable on white or black?
#3333b5 has a 9.20:1 contrast ratio on white and 2.28: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.