#314FE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold, saturated, impossible to ignore. #314fe2 is a strong, cool blue that sits closer to cobalt than navy. Its intensity works best in small doses, so use it as an accent for buttons, links, and calls to action rather than a full background. Warm coral or amber balances its chill nicely. White text reads clearly on it at about 6.3:1 contrast, past the AA threshold for body copy. Similar blue shades sit nearby on the wheel.
Questions about #314fe2
What is #314fe2 in RGB, HSL and CMYK?
In RGB, #314fe2 is rgb(49, 79, 226), in HSL hsl(230, 75%, 54%) and in CMYK 78%, 65%, 0%, 11%.
What colors pair well with #314fe2?
Warm coral and amber balance the cool intensity of #314fe2, while charcoal grounds it in interfaces. Keep it as an accent so its saturation stays an asset rather than a distraction.
Is #314fe2 readable on white or black?
#314fe2 has a 6.27:1 contrast ratio on white and 3.34: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.