#305D88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #305d88 is a medium-dark blue with gray undertones and restrained saturation. Its serious, dependable feel suits finance, technology, healthcare, and government branding. Use it as a dominant interface background or supporting brand tone, then add warm cream or rust for contrast. The hex code #305d88 supports clear white text at about 6.9:1 contrast.
Questions about #305d88
What is #305d88 in RGB, HSL and CMYK?
In RGB, #305d88 is rgb(48, 93, 136), in HSL hsl(209, 48%, 36%) and in CMYK 65%, 32%, 0%, 47%.
What colors pair well with #305d88?
Warm cream, rust, and muted terracotta pair well with #305d88, balancing its cool gray undertones with warmth and contrast while preserving its dependable mood for interfaces, dashboards, and professional brand palettes.
Does #305d88 read as a warm or cool color?
#305d88 reads as a cool, medium-dark blue because its restrained saturation and gray undertones soften the hue without adding visible warmth, giving it a steady, reserved character in most layouts and brand palettes.
Does #305d88 work with white text?
Yes, #305d88 supports clear white text at about a 6.9:1 contrast ratio, exceeding the 4.5:1 WCAG threshold for normal body text and making it suitable for accessible dark backgrounds, buttons, navigation, and other interface elements.
Is #305d88 readable on white or black?
#305d88 has a 6.89:1 contrast ratio on white and 3.04: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.