#315BCF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#315bcf is a vivid, saturated blue with a cool, electric feel. That intensity works best in small doses: buttons, links, and highlights rather than full backgrounds, where it can overpower a layout. It pairs well with warm sand or muted coral, which balance its boldness. White text reads clearly on top at about 6.0:1 contrast, enough for AA body text. Browse other shades of blue to compare.
Questions about #315bcf
What is #315bcf in RGB, HSL and CMYK?
In RGB, #315bcf is rgb(49, 91, 207), in HSL hsl(224, 62%, 50%) and in CMYK 76%, 56%, 0%, 19%.
What colors pair well with #315bcf?
Is #315bcf readable on white or black?
#315bcf has a 5.95:1 contrast ratio on white and 3.52: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.