#305F96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#305f96 is a muted, desaturated blue with a serious, grounded character. Its mid-tone weight makes it an effective choice for professional UI backgrounds or security-focused branding. Because it carries gray undertones, understanding how to make gray helps when balancing this hue in a palette. White text pops clearly against this hex code, ensuring readability for body content in technology or financial applications.
Questions about #305f96
What is #305f96 in RGB, HSL and CMYK?
In RGB, #305f96 is rgb(48, 95, 150), in HSL hsl(212, 52%, 39%) and in CMYK 68%, 37%, 0%, 41%. Browse more shades of blue with names and hex codes.
What colors pair well with #305f96 in a design palette?
Because #305f96 is a grounded, desaturated blue, it pairs exceptionally well with high-contrast neutrals like crisp white or a soft light gray for balance. For accent colors, try a warm mustard or burnt orange to create a complementary contrast that feels modern yet professional.
Is #305f96 readable on white or black?
#305f96 has a 6.55:1 contrast ratio on white and 3.20: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.