#3C5ED8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With high saturation and a medium-dark value, #3c5ed8 delivers a vivid, cool blue with a slight violet cast. It brings energy and focus to calls to action, security interfaces, finance dashboards, and technology branding. Use it as a strong accent or supporting tone rather than a full-page background. The hex code #3c5ed8 gives white text about a 5.5:1 contrast ratio.
Questions about #3c5ed8
What is #3c5ed8 in RGB, HSL and CMYK?
In RGB, #3c5ed8 is rgb(60, 94, 216), in HSL hsl(227, 67%, 54%) and in CMYK 72%, 56%, 0%, 15%.
What colors pair well with #3c5ed8?
Warm golden yellow creates a strong complementary contrast with #3c5ed8, while nearby violet-blue hues form a calmer analogous palette. Add charcoal or soft gray as a neutral support color when the blue needs visual balance.
Where does #3c5ed8 work best in a design?
Use #3c5ed8 as a focused accent for buttons, links, security screens, finance dashboards, and technology interfaces; its saturated, medium-dark blue draws attention effectively, but a lighter background usually works better than using it across an entire page.
Is #3c5ed8 readable on white or black?
#3c5ed8 has a 5.54:1 contrast ratio on white and 3.78: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.