#304A63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #304a63 is a dark navy blue with gray undertones and low saturation. Its matte, dusty look suggests seriousness, reliability, and control without feeling stark. The hex code #304a63 works well as a supporting tone in finance, technology, government, and nautical branding. White text reaches about a 9.2:1 contrast ratio, making it suitable for body text and dark interfaces.
Questions about #304a63
What is #304a63 in RGB, HSL and CMYK?
In RGB, #304a63 is rgb(48, 74, 99), in HSL hsl(209, 35%, 29%) and in CMYK 52%, 25%, 0%, 61%.
What mood does #304a63 convey?
#304a63 is a cool, muted navy blue with gray undertones, conveying reliability, restraint, and control more softly than a saturated or near-black navy while keeping a calm, matte appearance.
What colors pair well with #304a63?
#304a63 pairs well with white for crisp contrast, pale blue for a restrained tonal palette, warm beige for softness, and terracotta for a muted complementary accent in branding or interface design.
Is #304a63 readable on white or black?
#304a63 has a 9.18:1 contrast ratio on white and 2.28: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.