#284367 Hex Color

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

Hex color #284367 graphic
This dusty, muted blue sits between navy and slate, offering a grounded and serious tone. Because it feels restrained rather than vivid, #284367 serves as an excellent neutral backdrop for corporate branding or UI layouts. It provides strong legibility for white text, making it a functional choice for body copy or navigation bars where high contrast is necessary. The hex code for this cool tone is #284367.

Questions about #284367

What is #284367 in RGB, HSL and CMYK?
In RGB, #284367 is rgb(40, 67, 103), in HSL hsl(214, 44%, 28%) and in CMYK 61%, 35%, 0%, 60%. Browse more shades of blue with names and hex codes.
What colors pair best with #284367 for a balanced palette?
Because #284367 is a restrained, cool-toned blue, it functions beautifully when paired with warm, neutral contrasts like a soft cream or a crisp off-white. For a sophisticated, modern professional look, try adding accents of a muted gold or a deep, earthy terracotta to ground the composition.
Is #284367 readable on white or black?
#284367 has a 10.05:1 contrast ratio on white and 2.08: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.