#1F4463 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a distinct professional weight. Because of its muted, ashy quality, #1f4463 works best as a moody background or a reliable base for corporate UI designs. White text sits comfortably against it, maintaining strong legibility. If you need a more neutral tone, mixing gray can help adjust its saturation levels for a softer finish. The hex code for this shade is #1f4463.
Questions about #1f4463
What is #1f4463 in RGB, HSL and CMYK?
In RGB, #1f4463 is rgb(31, 68, 99), in HSL hsl(207, 52%, 25%) and in CMYK 69%, 31%, 0%, 61%.
What colors pair well with #1f4463 for a professional look?
#1f4463 works best when balanced against light, neutral tones to maintain its moody character without feeling heavy. It creates a sophisticated interface when paired with a clean off-white or a very soft, desaturated stone gray for text.
Does #1f4463 lean warm or cool in a design layout?
This color sits on the cooler side of the spectrum, though its muted, ashy quality prevents it from feeling sterile. The subtle gray undertone tempers the blue, making it feel more grounded and approachable than a standard, saturated navy.
Is #1f4463 readable on white or black?
#1f4463 has a 10.16:1 contrast ratio on white and 2.06: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.