#10146B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated blue anchors moody UI designs and formal corporate branding. With its heavy chroma, #10146b functions best as a dominant base color for backgrounds rather than fine details. It provides excellent contrast for white text, ensuring high legibility for body copy. Try pairing this deep shade with muted metallics or off-whites to avoid a harsh, clinical appearance. The hex code for this tone is #10146b.
Questions about #10146b
What is #10146b in RGB, HSL and CMYK?
In RGB, #10146b is rgb(16, 20, 107), in HSL hsl(237, 74%, 24%) and in CMYK 85%, 81%, 0%, 58%.
What colors pair well with #10146b in a UI design?
Use #10146b with soft off-whites or muted metallics to maintain high legibility and a sophisticated aesthetic. Avoid pairing this dark blue with pure black, as it creates a muddy appearance that lacks the contrast necessary for readable typography and interface elements.
Is #10146b suitable for large blocks of body text?
#10146b works exceptionally well as a background color for white or very light text, but it is not ideal for body copy itself. Because the color is so dark and saturated, reading small text rendered in this hue will quickly cause eye strain.
Is #10146b readable on white or black?
#10146b has a 15.73:1 contrast ratio on white and 1.33: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.