#5B697D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b697d is a dusty, desaturated blue with strong gray undertones. This matte, inky shade communicates reliability and steady control, making it an excellent choice for corporate interfaces, security platforms, and professional branding. It works well as a background color, as it offers a 5.6:1 contrast ratio that ensures white text remains highly legible. Pair this hex code with warm creams or soft terracotta to balance its gloom.
Questions about #5b697d
What is #5b697d in RGB, HSL and CMYK?
In RGB, #5b697d is rgb(91, 105, 125), in HSL hsl(215, 16%, 42%) and in CMYK 27%, 16%, 0%, 51%. Browse more shades of gray with names and hex codes.
How should I use #5b697d in a user interface?
This shade works exceptionally well as a primary background color because it maintains a strong 5.6:1 contrast ratio against white text. It provides a grounded, professional feel that keeps user interfaces clean and readable without the intensity of a pure navy.
What accent colors pair well with #5b697d?
Balance the cool, gloomy gray undertones of #5b697d by introducing warm neutrals like cream or earthy tones like terracotta. These warm accents effectively counteract the desaturated nature of this blue, preventing the final design from feeling too sterile or clinical.
Is #5b697d readable on white or black?
#5b697d has a 5.58:1 contrast ratio on white and 3.76: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.