#3C5BD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue carries an intense energy that demands attention. Because it is highly chromatic and cool in temperature, #3c5bd4 works best as an accent or a primary call-to-action button rather than a large background field, which can overwhelm the eye. It pairs surprisingly well with soft, warm corals to create a modern, balanced contrast. White text remains perfectly legible against this hex code.
Questions about #3c5bd4
What is #3c5bd4 in RGB, HSL and CMYK?
In RGB, #3c5bd4 is rgb(60, 91, 212), in HSL hsl(228, 64%, 53%) and in CMYK 72%, 57%, 0%, 17%.
Why does #3c5bd4 feel overwhelming as a background color?
Because #3c5bd4 is highly chromatic and saturated, it pulls extreme visual focus that creates eye strain when applied to large areas. Reserve this intense blue for small, high-impact UI elements like buttons or notification badges.
What colors complement #3c5bd4 effectively?
Is #3c5bd4 readable on white or black?
#3c5bd4 has a 5.77:1 contrast ratio on white and 3.63: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.