#30638E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #30638e graphic
#30638e is a muted, desaturated blue with strong grey undertones. It projects stability and professionalism, making it a reliable choice for corporate or institutional UI design. White text stands out well against this background, ensuring excellent readability. Because of its moody, serious character, it works best as a primary branding color rather than a small accent. The hex code for this shade is #30638e.

Questions about #30638e

What is #30638e in RGB, HSL and CMYK?
In RGB, #30638e is rgb(48, 99, 142), in HSL hsl(207, 49%, 37%) and in CMYK 66%, 30%, 0%, 44%.
Is #30638e suitable for website interface text?
White text provides the best readability against this background, as the deep blue tone offers enough contrast for accessibility. Avoid using light grey text, which may wash out against this specific shade, and instead pair it with white or very light off-white tones.
What colors pair best with #30638e?
This muted blue pairs naturally with warm neutrals like cream or beige to balance its cool, professional character. For a more modern, high-contrast look, incorporate accents of mustard yellow, which adds energy without overwhelming the serious stability of the blue.
Is #30638e readable on white or black?
#30638e has a 6.36:1 contrast ratio on white and 3.30: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.