#3A4F65 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated ink-blue has a dusty, matte quality that feels serious and grounded. Because it is quite dark, the hex code #3a4f65 excels as a steady background for UI elements. White text remains perfectly legible here, making it a safe choice for small body copy. Pair it with soft, warm neutrals to keep the palette from feeling too cold or gloomy.
Questions about #3a4f65
What is #3a4f65 in RGB, HSL and CMYK?
In RGB, #3a4f65 is rgb(58, 79, 101), in HSL hsl(211, 27%, 31%) and in CMYK 43%, 22%, 0%, 60%. Browse more shades of blue with names and hex codes.
How should I use #3a4f65 in UI design?
#3a4f65 functions best as a sophisticated, dark background color for web interfaces. Because it is highly desaturated, it effectively anchors bright accents and ensures white or light gray text remains sharp and easy to read for users.
Which colors pair well with #3a4f65?
Is #3a4f65 readable on white or black?
#3a4f65 has a 8.44:1 contrast ratio on white and 2.48: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.