#3B3C5A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty indigo is an unsaturated shade that feels serious and professional. Because it sits on the darker side, it works well as a base color in UI design or dark mode layouts. The hex code for this color is #3b3c5a. White text provides excellent 10.6:1 contrast, ensuring readability for body copy. Pair this shade with soft creams to prevent it from feeling too cold.
Questions about #3b3c5a
What is #3b3c5a in RGB, HSL and CMYK?
In RGB, #3b3c5a is rgb(59, 60, 90), in HSL hsl(238, 21%, 29%) and in CMYK 34%, 33%, 0%, 65%.
What colors pair well with #3b3c5a for a balanced UI?
Soft creams and warm neutrals are ideal partners for #3b3c5a because they provide the necessary warmth to offset its cool, unsaturated indigo base. Avoiding stark whites in favor of these softer tones prevents the design from feeling overly clinical or sterile.
Is #3b3c5a readable on white or black?
#3b3c5a has a 10.60:1 contrast ratio on white and 1.97: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.