#284E91 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, slightly muted blue, #284e91 has a cool, shadowed quality that suggests seriousness, trust, and control. It works well as a dominant UI background or supporting tone in finance, security, and government branding. Pair it with warm off-white or muted burgundy for contrast. The hex code #284e91 supports clear white body text at about an 8.1:1 contrast ratio.
Questions about #284e91
What is #284e91 in RGB, HSL and CMYK?
In RGB, #284e91 is rgb(40, 78, 145), in HSL hsl(218, 57%, 36%) and in CMYK 72%, 46%, 0%, 43%. Browse more shades of blue with names and hex codes.
What colors pair well with #284e91?
#284e91 pairs well with warm off-white backgrounds, muted burgundy accents, and pale blue-gray secondary tones, creating a balanced palette that preserves its cool authority while adding warmth or softness where the design needs it. Use the blue as an anchor and keep accents restrained.
Is #284e91 a warm or cool color?
#284e91 reads as a cool, slightly muted blue because its blue channel is stronger than its red and green channels, giving the shade a shadowed, controlled appearance rather than a bright or tropical feel. It works especially well in formal, technical, and institutional designs.
Is #284e91 readable on white or black?
#284e91 has a 8.11:1 contrast ratio on white and 2.58: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.