#354E6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted blue, #354e6b brings a serious and professional tone to corporate interfaces. This desaturated shade serves well as a dominant background because it offers excellent readability for white text. If you are experimenting with mixing gray, this color provides a stable base. Pair it with soft cream or warm metallics to avoid a cold, institutional feeling in your final designs.
Questions about #354e6b
What is #354e6b in RGB, HSL and CMYK?
In RGB, #354e6b is rgb(53, 78, 107), in HSL hsl(212, 34%, 31%) and in CMYK 50%, 27%, 0%, 58%. Browse more shades of blue with names and hex codes.
What makes #354e6b effective for corporate design?
The muted, desaturated nature of #354e6b allows it to function as a neutral base that remains legible with white text. It provides a grounded, trustworthy appearance that avoids the harshness found in more vibrant or primary blues.
What colors complement #354e6b in a UI layout?
Pair #354e6b with cream or warm metallics to balance its inherent coolness and prevent the design from feeling too clinical. These softer, warmer tones add depth and visual interest without overwhelming the serious, professional nature of the blue.
Is #354e6b readable on white or black?
#354e6b has a 8.55:1 contrast ratio on white and 2.45: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.