#1976D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue carries a sense of authority and reliability, making it a standard choice for institutional and corporate branding. Its high intensity works best as a primary action color or a dominant brand hue rather than a background. Pair it with soft warm grays to temper its boldness. The hex code for this color is #1976d2, which offers sufficient contrast for legible white text.
Questions about #1976d2
What is #1976d2 in RGB, HSL and CMYK?
In RGB, #1976d2 is rgb(25, 118, 210), in HSL hsl(210, 79%, 46%) and in CMYK 88%, 44%, 0%, 18%.
How can I effectively use #1976d2 in web design?
#1976d2 works best as a primary action color for buttons or call-to-action elements where you need high visibility. Because it is a saturated, intense blue, it commands attention without being jarring, providing an immediate focal point for your user interface design.
What colors pair well with #1976d2?
Pair #1976d2 with warm gray or soft off-whites to balance its intensity and maintain legibility. Using neutral, desaturated tones alongside this blue prevents the design from feeling overwhelmed, ensuring the primary color remains the dominant, authoritative feature on the screen.
Is #1976d2 readable on white or black?
#1976d2 has a 4.60:1 contrast ratio on white and 4.56: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 for body text. Try other pairs in the contrast checker.