#310BA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation indigo carries a heavy, nocturnal weight. Because #310ba5 is so dark, white text pops against it with excellent readability, making it a strong choice for moody UI backgrounds or professional branding. It performs best as a dominant base rather than an accent. Pair it with soft cream or muted metallics to prevent the color from feeling too cold or severe in your design.
Questions about #310ba5
What is #310ba5 in RGB, HSL and CMYK?
In RGB, #310ba5 is rgb(49, 11, 165), in HSL hsl(255, 88%, 35%) and in CMYK 70%, 93%, 0%, 35%.
What colors pair well with #310ba5 in a UI layout?
Is #310ba5 a suitable choice for text on a white background?
While #310ba5 is a very dark indigo, it typically lacks sufficient contrast ratio to meet WCAG accessibility standards for body text against a standard white background. It is much more effective when used as a vibrant, dark background color for light-colored or white typography.
Is #310ba5 readable on white or black?
#310ba5 has a 12.19:1 contrast ratio on white and 1.72: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.