#283161 Hex Color

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

Hex color #283161 graphic
This dark, muted indigo feels structured and professional, carrying the weight of traditional navy without appearing too saturated. Because it has such a deep, ink-like quality, it functions best as a dominant base for corporate or night-themed designs. White text provides excellent readability against it, making this hex code #283161 a reliable choice for high-contrast, moody interfaces.

Questions about #283161

What is #283161 in RGB, HSL and CMYK?
In RGB, #283161 is rgb(40, 49, 97), in HSL hsl(231, 42%, 27%) and in CMYK 59%, 49%, 0%, 62%.
How does #283161 perform in UI design?
#283161 acts as a stable, ink-like base that offers better readability than pure black for text-heavy interfaces. It provides a professional, grounded look that remains soft on the eyes, making it ideal for dark-mode corporate dashboards.
What colors pair well with #283161?
This deep indigo pairs effectively with high-contrast neutrals like off-white or soft creams to maintain legibility. For a vibrant, modern accent that cuts through the darkness, try adding a splash of amber or muted gold.
Is #283161 readable on white or black?
#283161 has a 12.33:1 contrast ratio on white and 1.70: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.