#3A76DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, medium-light blue, #3a76de has a cool, slightly violet cast and an energetic presence. Its strong chroma suits calls to action, links, security interfaces, and technology branding. Use it as a supporting tone with charcoal or warm white. Black text reaches about 4.8:1 contrast, meeting WCAG AA for body copy. The hex code is #3a76de.
Questions about #3a76de
What is #3a76de in RGB, HSL and CMYK?
In RGB, #3a76de is rgb(58, 118, 222), in HSL hsl(218, 71%, 55%) and in CMYK 74%, 47%, 0%, 13%.
What colors pair well with #3a76de?
#3a76de pairs well with warm white, charcoal, and restrained neutral backgrounds, which let its saturated blue stand out without visual noise in interfaces and brand layouts while preserving a clear visual hierarchy. Pale blue or soft lavender can create a closer, more coordinated palette.
Is #3a76de a warm or cool color?
#3a76de reads as a cool blue because its slight violet cast shifts it away from yellow-based blues, giving the color a crisp, energetic character that suits technology, security, and action-oriented interface elements.
Is #3a76de readable on white or black?
#3a76de has a 4.35:1 contrast ratio on white and 4.82:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.