#304C5B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted blue with strong gray undertones, #304c5b feels professional and grounded. Designers often use this shade in corporate interfaces, as it balances serious authority with a calm, understated presence. Because of its low saturation—similar to what colors make gray—this hex code works best as a primary background or a dark mode neutral rather than an accent. White text remains perfectly legible against it.
Questions about #304c5b
What is #304c5b in RGB, HSL and CMYK?
In RGB, #304c5b is rgb(48, 76, 91), in HSL hsl(201, 31%, 27%) and in CMYK 47%, 16%, 0%, 64%.
What colors pair well with #304c5b?
#304c5b works beautifully when paired with warm, neutral accents like a soft cream or a muted terracotta to balance its coolness. You can also use crisp white for clean typography or a lighter slate blue to create a monochromatic, sophisticated color scheme.
Is #304c5b readable on white or black?
#304c5b has a 9.08:1 contrast ratio on white and 2.31: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.