#1F254A Hex Color

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

Hex color #1f254a graphic
#1f254a is a muted, inky shade that functions as a serious, low-saturation alternative to standard navy. Because it is so dark, this color provides excellent contrast for white typography, making it a reliable choice for readable, professional UI backgrounds. Pair this cool, dusty tone with muted ochres or soft corals to prevent the palette from feeling too bleak or clinical.

Questions about #1f254a

What is #1f254a in RGB, HSL and CMYK?
In RGB, #1f254a is rgb(31, 37, 74), in HSL hsl(232, 41%, 21%) and in CMYK 58%, 50%, 0%, 71%. Browse more shades of blue with names and hex codes.
Why is #1f254a a good choice for professional user interfaces?
#1f254a acts as a high-contrast foundation because its deep, inky saturation ensures white typography remains crisp and legible. It effectively replaces standard navy when a more subtle, less clinical aesthetic is required for modern web design layouts.
Which accent colors work best alongside #1f254a?
You should pair #1f254a with muted ochres or soft corals to prevent the palette from feeling too dark or bleak. These warmer tones provide a necessary visual balance, preventing the overall design from appearing overly cold or strictly industrial.
Is #1f254a readable on white or black?
#1f254a has a 14.77:1 contrast ratio on white and 1.42: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.