#313480 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, deep indigo sits firmly on the darker side of the spectrum, carrying a moody authority. With its high saturation and low lightness, #313480 serves as a powerful base for professional branding or structured UI layouts. It maintains excellent readability with white text, offering a sophisticated alternative to standard black. Use this hex code for heavy backgrounds that require a sense of serious stability.
Questions about #313480
What is #313480 in RGB, HSL and CMYK?
In RGB, #313480 is rgb(49, 52, 128), in HSL hsl(238, 45%, 35%) and in CMYK 62%, 59%, 0%, 50%.
How should I use #313480 in professional UI design?
#313480 works best as a primary branding element or a high-contrast background that replaces standard black. Because it carries so much saturation, keep it grounded by pairing it with clean white text or soft, light gray accents.
What colors pair well with #313480?
Is #313480 readable on white or black?
#313480 has a 10.86:1 contrast ratio on white and 1.93: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.