#304660 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#304660 is a dark, muted blue with gray undertones and a matte, slightly inky finish. Its low saturation creates a serious, controlled mood suited to finance, security, government, and corporate branding. Use it as a dominant background with white text, which has about a 9.7:1 contrast ratio. The hex code is #304660.
Questions about #304660
What is #304660 in RGB, HSL and CMYK?
In RGB, #304660 is rgb(48, 70, 96), in HSL hsl(213, 33%, 28%) and in CMYK 50%, 27%, 0%, 62%. Browse more shades of blue with names and hex codes.
What colors pair well with #304660?
#304660 pairs well with white, soft gray, pale blue, and warm neutrals; terracotta or muted gold can add contrast without overpowering its restrained blue-gray character, while lighter tones improve clarity and warmer accents create balance.
Where does #304660 work best in a design?
#304660 works well for dark backgrounds, navigation, dashboards, finance, security, and corporate interfaces because its low saturation feels controlled, serious, and dependable without the visual intensity of a brighter blue.
Does #304660 look warm or cool?
#304660 reads as a cool blue because its gray undertones and low saturation temper the hue, giving it a muted, slightly inky appearance rather than the crisp brightness associated with more saturated blues.
Is #304660 readable on white or black?
#304660 has a 9.67:1 contrast ratio on white and 2.17: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.