#1F3442 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue acts as a softer alternative to standard black. With its low saturation, #1f3442 provides a serious, professional backdrop for tech interfaces and corporate branding. It offers excellent legibility for white text, making it a reliable choice for dark mode UI. This hex code works best when paired with warm, off-white accents to prevent a sterile, one-dimensional appearance.
Questions about #1f3442
What is #1f3442 in RGB, HSL and CMYK?
In RGB, #1f3442 is rgb(31, 52, 66), in HSL hsl(204, 36%, 19%) and in CMYK 53%, 21%, 0%, 74%.
How does #1f3442 function in web design?
Use #1f3442 as a sophisticated alternative to pure black or dark gray in dark mode interfaces. It maintains professional legibility for white text while offering a cooler, more intentional aesthetic than standard monochromatic grays.
Which colors pair well with #1f3442?
To avoid a sterile appearance, pair #1f3442 with warm, off-white accents or muted metallics like champagne. These warmer tones neutralize the deep, cool nature of the blue, creating a balanced and high-end visual contrast for digital products.
Is #1f3442 readable on white or black?
#1f3442 has a 12.89:1 contrast ratio on white and 1.62: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.