#284268 Hex Color

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

Hex color #284268 graphic
This muted, ashy blue carries a heavy, serious weight that suits professional branding and corporate UI. Because it is highly unsaturated, #284268 works well as a stable background color. It offers excellent contrast for white text, ensuring readability in dense layouts. If you want to soften the tone, consider mixing gray into your palette to balance its intensity and avoid a flat, overly corporate look.

Questions about #284268

What is #284268 in RGB, HSL and CMYK?
In RGB, #284268 is rgb(40, 66, 104), in HSL hsl(216, 44%, 28%) and in CMYK 62%, 37%, 0%, 59%.
Is #284268 better for backgrounds or text?
#284268 functions best as a stable background color rather than text, as its deep, muted nature lacks the sharpness required for small, high-contrast readability. Pair it with crisp white or very light neutral typography to maintain clarity in dense digital layouts.
What colors pair well with #284268?
Because #284268 is a desaturated, professional blue, it pairs exceptionally well with warm, contrasting neutrals like sand or soft, muted metallics. Adding a touch of sage or warm gray helps balance the heavy intensity of this specific shade.
Is #284268 readable on white or black?
#284268 has a 10.14:1 contrast ratio on white and 2.06: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.