#305D72 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #305d72 is a cool blue with gray, slightly green undertones. Its low saturation creates a serious, secure mood for finance, technology, government, and nautical branding. Use the hex code #305d72 as a dominant background with warm ivory accents. White text provides about 7.2:1 contrast, supporting readable body copy and clear interfaces.
Questions about #305d72
What is #305d72 in RGB, HSL and CMYK?
In RGB, #305d72 is rgb(48, 93, 114), in HSL hsl(199, 41%, 32%) and in CMYK 58%, 18%, 0%, 55%.
What colors pair well with #305d72?
#305d72 pairs well with warm ivory for calm, readable contrast, while muted terracotta or ochre accents add warmth without overpowering its cool blue base in interfaces and editorial layouts.
Is #305d72 a warm or cool color?
#305d72 reads as a cool color because its blue base is softened by gray and a slight green undertone, giving it a restrained, grounded character rather than the warmth associated with yellow, orange, or red.
Where does #305d72 work well in design?
Use #305d72 for navigation, dashboards, hero backgrounds, and nautical or institutional branding when you want a serious, secure mood; pair it with warm light accents to keep layouts from feeling too heavy.
Is #305d72 readable on white or black?
#305d72 has a 7.15:1 contrast ratio on white and 2.93: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.