#628399 Hex Color

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

Hex color #628399 graphic
A muted, medium-dark blue with a gray cast, #628399 reads steady rather than bold. That ashy quality suits finance, healthcare, and government interfaces where trust matters more than energy. It works best as a supporting tone behind black text, which clears AA at a 5.2:1 contrast ratio. Pair it with terracotta or cream to keep it from turning flat.

Questions about #628399

What is #628399 in RGB, HSL and CMYK?
In RGB, #628399 is rgb(98, 131, 153), in HSL hsl(204, 22%, 49%) and in CMYK 36%, 14%, 0%, 40%. Browse more shades of blue with names and hex codes.
What text color works best on #628399?
Black text is the safest choice, with a contrast ratio of about 5.2:1 against #628399. That clears the WCAG AA threshold of 4.5:1 for body text, while white text falls short of it.
What colors pair well with #628399?
Warm accents like terracotta, cream, or soft coral keep #628399 from reading flat and lifeless. For a cooler, more formal palette, pair it with navy or charcoal.
Is #628399 readable on white or black?
#628399 has a 4.01:1 contrast ratio on white and 5.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.