#3A4F7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and desaturated, #3a4f7a functions as a dependable, ink-toned blue. It avoids being overly vivid, providing a grounded, professional atmosphere that works well for branding in tech or finance. Because it is dark but not fully black, it serves as a soft, readable alternative to harsh dark modes. Pair it with crisp white text to easily meet accessibility standards for body copy.
Questions about #3a4f7a
What is #3a4f7a in RGB, HSL and CMYK?
In RGB, #3a4f7a is rgb(58, 79, 122), in HSL hsl(220, 36%, 35%) and in CMYK 52%, 35%, 0%, 52%.
Where should I use the #3a4f7a color in my UI design?
#3a4f7a functions beautifully as a primary branding color for finance or tech applications where trust and stability are essential. Its desaturated nature makes it an excellent choice for headers, primary buttons, or sidebar navigation backgrounds without overwhelming the user interface.
What colors pair well with #3a4f7a for a balanced palette?
Is #3a4f7a readable on white or black?
#3a4f7a has a 8.14:1 contrast ratio on white and 2.57: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.