#304D5F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #304d5f graphic
A dusky, muted blue with strong gray undertones, #304d5f provides a grounded anchor for professional branding. Its low saturation makes it an excellent choice for backgrounds where you need serious, reliable energy without visual noise. Since it reads quite dark, white text offers high readability against it. If you are experimenting with mixing gray, this hex code serves as a prime example of an desaturated cool tone.

Questions about #304d5f

What is #304d5f in RGB, HSL and CMYK?
In RGB, #304d5f is rgb(48, 77, 95), in HSL hsl(203, 33%, 28%) and in CMYK 49%, 19%, 0%, 63%.
What colors pair well with #304d5f?
You can achieve a balanced, professional palette by pairing #304d5f with cream for soft contrast or a sharp white for maximum clarity. For accent colors, muted earth tones or a desaturated mustard provide a sophisticated counterpoint to its cool, gray-blue foundation.
Is #304d5f readable on white or black?
#304d5f has a 8.92:1 contrast ratio on white and 2.35: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.