#354A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate-like blue is dark and understated. Because it leans heavily toward grey, it functions as a stable, moody base for professional technology or security interfaces. White text pops against this hex code, providing excellent readability. It works better as a full-screen background than as a fine accent. If you are learning what colors make gray, consider this a practical, desaturated example.
Questions about #354a54
What is #354a54 in RGB, HSL and CMYK?
In RGB, #354a54 is rgb(53, 74, 84), in HSL hsl(199, 23%, 27%) and in CMYK 37%, 12%, 0%, 67%. Browse more shades of gray with names and hex codes.
Where does #354a54 work best in UI design?
#354a54 functions best as a full-screen background rather than an accent because of its dark, desaturated weight. It creates a stable, professional foundation for white or light-grey typography, which pops significantly against this deep, moody, and reliable backdrop.
What colors pair well with #354a54?
This shade works well with neutral off-whites or soft creams to maintain high readability and a clean aesthetic. For a more sophisticated palette, try pairing it with muted sage or cool-toned greys, which lean into the color's inherent slate-like, industrial character.
Is #354a54 readable on white or black?
#354a54 has a 9.29:1 contrast ratio on white and 2.25: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.