#1F364E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, dusty blue conveys authority and stability through its heavy saturation. Because it maintains strong contrast against white text, #1f364e works effectively as a full-page background for corporate or security-focused UI. It feels professional and serious, though it can appear muddy if paired with other dark, cool tones. For the best result, pair this hex code with a crisp cream or a soft gold accent.
Questions about #1f364e
What is #1f364e in RGB, HSL and CMYK?
In RGB, #1f364e is rgb(31, 54, 78), in HSL hsl(211, 43%, 21%) and in CMYK 60%, 31%, 0%, 69%. Browse more shades of blue with names and hex codes.
What colors pair well with #1f364e?
Pair #1f364e with crisp creams or soft gold accents to lift its deep, dusty quality and prevent it from appearing muddy. Using a warm, neutral white or light metallic gold creates a sophisticated contrast that maintains the professional authority of this dark blue base.
Is #1f364e suitable for large blocks of text?
#1f364e works effectively as a full-page background color when paired with high-contrast white or very light grey text. However, avoid using this color for long-form body paragraphs, as its heavy saturation and dark value may cause eye fatigue over extended reading periods.
Is #1f364e readable on white or black?
#1f364e has a 12.38:1 contrast ratio on white and 1.69: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.