#313BC0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue carries a grounded, serious weight. Unlike lighter pastels, #313bc0 holds its own as a dominant brand color for law enforcement or financial interfaces. It offers excellent contrast against white text, making it a reliable choice for UI backgrounds. Because of its intensity, pair it with muted grays to keep your palette from becoming overwhelming. The hex code is #313bc0.
Questions about #313bc0
What is #313bc0 in RGB, HSL and CMYK?
In RGB, #313bc0 is rgb(49, 59, 192), in HSL hsl(236, 59%, 47%) and in CMYK 74%, 69%, 0%, 25%.
Where should I use #313bc0 in a user interface?
#313bc0 is ideal for primary action buttons or branding headers where you need to project stability and trust. Because it is highly saturated, avoid using it as a text color; instead, pair it with white text to ensure readability.
What colors pair well with #313bc0 to balance its intensity?
To ground this vibrant blue, use muted neutrals like charcoal or soft silver tones. These colors neutralize the intensity of #313bc0 without competing for attention, creating a balanced, sophisticated aesthetic suitable for financial or corporate design applications.
Is #313bc0 readable on white or black?
#313bc0 has a 8.34:1 contrast ratio on white and 2.51: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.